html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
} @font-face {
font-family: 'Neuzeitgro';
src: url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/neuzeitgro-lig-webfont.eot);
src: url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/neuzeitgro-lig-webfont.eot?#iefix) format('embedded-opentype'),
url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/neuzeitgro-lig-webfont.woff2) format('woff2'),
url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/37E924_0_0.woff) format('woff'),
url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/neuzeitgro-lig-webfont.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Neuzeitgro';
src: url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/neuzeitgro-reg-webfont.eot);
src: url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/neuzeitgro-reg-webfont.eot?#iefix) format('embedded-opentype'),
url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/neuzeitgro-reg-webfont.woff2) format('woff2'),
url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/neuzeitgro-reg-webfont.woff) format('woff'),
url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/neuzeitgro-reg-webfont.ttf) format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Neuzeitgro';
src: url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/neuzeitgro-bol-webfont.eot);
src: url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/neuzeitgro-bol-webfont.eot?#iefix) format('embedded-opentype'),
url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/neuzeitgro-bol-webfont.woff2) format('woff2'),
url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/neuzeitgro-bol-webfont.woff) format('woff'),
url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/neuzeitgro-bol-webfont.ttf) format('truetype');
font-weight: 700;
font-style: normal;
} form.guru .error-message {
display: none;
color: #DC8633;
}
form.guru .error-message.active {
display: block
}
form .inboxguru {
display: none;
} 
form:not(.custom) h2{
font-size: 2.4rem;
color: #184287;
margin-bottom: 20px;
} 
@media (min-width: 768px) {
form:not(.custom) h2 {
font-size: 3.6rem;
}
} 
form:not(.custom) header{
margin-bottom: 40px;
} 
form:not(.custom) input{
border: 1px solid #D9D9D6;
margin: 0;
} 
form:not(.custom) button{
border: 1px solid #D9D9D6;
margin: 0;
} 
form:not(.custom) textarea{
border: 1px solid #D9D9D6;
margin: 0;
} 
form:not(.custom) input,form:not(.custom) button,form:not(.custom) textarea{
font-family: Arial;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: inherit;
color: inherit;
} 
form:not(.custom) input:focus,form:not(.custom) button:focus,form:not(.custom) textarea:focus{
outline: none;
} 
form:not(.custom) fieldset{
padding:0;
border: 0;
} 
form:not(.custom) fieldset .wrapper{
width: 100%;
} 
form:not(.custom) fieldset:disabled, form:not(.custom) fieldset[disabled=""]{
display: none;
} 
form:not(.custom) fieldset:not(nth-last-child){
margin-bottom: 20px;
} 
form:not(.custom) legend{
font-size: 30px;
} 
form:not(.custom) label{
font-weight: 400;
display: block;
color: #898A8D;
margin-bottom: 15px;
} 
form:not(.custom) .field:not(:nth-last-child(1)) {
margin-bottom: 40px;
} 
form:not(.custom) textarea{
width: 100%;
resize: vertical;
padding: 20px;
} 
form:not(.custom) input[type="text"],
form:not(.custom) [type="email"],
form:not(.custom) [type="password"],
form:not(.custom) [type="tel"],
form:not(.custom) [type="search"],
form:not(.custom) [type="date"],
form:not(.custom) [type="number"],
form:not(.custom) [type="url"]{
padding: 0 20px;
height: 60px;
width: 100%;
} 
form:not(.custom) [type="checkbox"]{
height: 16px;
width: 16px;
vertical-align: middle;
margin: 5px 8px 5px 0;
} 
form:not(.custom) [type="checkbox"]:checked{
border-color: #DC8633;
} 
form:not(.custom) [type="checkbox"]:checked:before{
content:"";
background: #DC8633;
display: block;
position: relative;
top: calc( 50% - 5px);
left: calc( 50% - 5px);
width: 10px;
height: 10px;
} 
form:not(.custom) [type="checkbox"] + label{
margin-top: -14px;
padding-left: 30px;
} 
form:not(.custom) [type="radio"]{
height: 16px;
width: 16px;
border-radius: 50%;
vertical-align: middle;
} 
form:not(.custom) [type="radio"]:checked{
border-color: #DC8633;
} 
form:not(.custom) [type="radio"]:checked:before{
content:"";
background: #DC8633;
display: block;
position: relative;
top: calc( 50% - 5px);
left: calc( 50% - 5px);
width: 10px;
height: 10px;
border-radius: 50%;
} 
form:not(.custom) [type="radio"] + label{
display: inline-block;
vertical-align: middle;
} 
form:not(.custom) [type="submit"]{
height: 50px;
padding: 0 25px;
border: none;
cursor: pointer;
background: none;;
color: #184287;
border: 1px solid #DC8633;
} 
form:not(.custom) [type="submit"]:before{
content:"\e906";
color: #DC8633;
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
margin-right: 10px;
} 
form:not(.custom) input[type="file"]{
border: none;
} 
form:not(.custom) .actions{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} form:not(.custom):disabled {
opacity: 0.5;
pointer-events: none;
} form:not(.custom) ::-webkit-input-placeholder {
color: inherit;
font-family: inherit;
font-size: inherit;
opacity: .5;
font-style: italic;
} 
form:not(.custom) ::-moz-placeholder {
color: inherit;
font-family: inherit;
font-size: inherit;
opacity: .5;
font-style: italic;
} 
form:not(.custom) :-ms-input-placeholder {
color: inherit;
font-family: inherit;
font-size: inherit;
opacity: .5;
font-style: italic;
} 
form:not(.custom) :-moz-placeholder {
color: inherit;
font-family: inherit;
font-size: inherit;
opacity: .5;
font-style: italic;
} form:not(.custom) .error{
border: 1px solid #DC8633!important;
} 
form:not(.custom) .error-msg{
color: #ff5900;
font-style: italic;
font-size: 13px;
padding-top: 5px;
} 
@media (min-width: 768px){
form:not(.custom) fieldset >.wrapper{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
form:not(.custom) .field{
width: calc( 50% - 20px / 2);
}
@media (min-width: 1024px) {
form:not(.custom) .field {
width: calc( 50% - 50px / 2);
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
form:not(.custom) .field {
width: calc( 50% - 30px / 2);
}
}
@media (min-width: 480px) and (max-width: 767px) {
form:not(.custom) .field {
width: calc( 50% - 20px / 2);
}
}
@media  (max-width: 479px) {
form:not(.custom) .field {
width: calc( 50% - 20px / 2);
}
}
form:not(.custom) .field.full{
width: 100%;
}
}
.rgpd p{
padding-bottom: 10px;
}
.rgpd form label{
padding-left: 5px;
margin: 0 10px 0 0;
}
select{
border: 1px solid #D9D9D6;
margin: 0;
font-family: Arial;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: inherit;
color: inherit;
height: 60px;
padding: 0 60px 0 20px;
outline: none;
width: 100%;
border-radius: 0;
background: #ffffff url(//serac-group.com.cn/wp-content/themes/serac/assets/img/select-arrow.svg) no-repeat right  center;
background-size: 60px 100%;
outline: 1px solid #D9D9D6!important;
outline-offset: -1px;
background-clip: padding-box;
border: none;
background-color: #fff;
}
select:-moz-focusring, 
select::-moz-focus-inner{
outline: none;
color: transparent !important;
text-shadow: 0 0 0 #000 !important;
}
select::-ms-expand {
display: none;
}
select:focus{
outline: none;
}
@media (max-width: 479px){
select{
padding: 0 20px 0 5px;
background-size: 25px 100%;
font-size: 12px;
}
} @font-face {
font-family: 'icomoon';
src:  url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/icomoon.eot?o1acjg);
src:  url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/icomoon.eot?o1acjg#iefix) format('embedded-opentype'),
url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/icomoon.woff2?o1acjg) format('woff2'),
url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/icomoon.ttf?o1acjg) format('truetype'),
url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/icomoon.woff?o1acjg) format('woff'),
url(//serac-group.com.cn/wp-content/themes/serac/assets/fonts/icomoon.svg?o1acjg#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-pieces:before {
content: "\e90f";
}
.icon-arrow-bottom:before {
content: "\e90e";
}
.icon-back:before {
content: "\e90d";
}
.icon-arrow:before {
content: "\e900";
}
.icon-assistance:before {
content: "\e901";
}
.icon-bullet:before {
content: "\e902";
}
.icon-burger:before {
content: "\e903";
}
.icon-close:before {
content: "\e904";
}
.icon-email:before {
content: "\e905";
}
.icon-fleche:before {
content: "\e906";
}
.icon-linkedin:before {
content: "\e907";
}
.icon-logo:before {
content: "\e908";
}
.icon-play:before {
content: "\e909";
}
.icon-search:before {
content: "\e90a";
}
.icon-twitter:before {
content: "\e90b";
}
.icon-youtube:before {
content: "\e90c";
}
html{
font-size: 62.5%;
height: 100%;
}
body {
background: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 100%;
font-family: 'Neuzeitgro', sans-serif;
line-height: 1;
font-size: 1.4rem;
color: #505153;
width: 100%;
}
@media (min-width: 768px) {
body {
font-size: 1.5rem;
}
}
main{
width: 100%;
overflow: hidden;
}
*,:before,:after{
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
button{
background: none;
border: none;
padding: 0;
margin: 0;
font-family: inherit;
cursor: pointer;
font-size: inherit;
-moz-appearance: none;
-webkit-appearance: none;
}
button::-moz-focus-inner { 
border: 0; 
padding: 0; 
}
button:focus {
outline:0;
}
sub{
vertical-align: bottom;
}
sup{
vertical-align: top;
}
input{
outline: none;
font-family: 'Neuzeitgro', sans-serif;
font-size: inherit;
color: inherit;
-moz-appearance: none;
-webkit-appearance: none;
}
textarea{
outline: none;
font-family: 'Neuzeitgro', sans-serif;
color: inherit;
-moz-appearance: none;
-webkit-appearance: none;
}
a{
color: inherit;
text-decoration: none;
}
main[role=main] {
display: block;
}
b,strong{
font-weight: 800;
}
main{
position: relative;
}
@media (min-width: 1024px){
main{
padding-top: 80px
}
}
main > section:first-of-type{
padding-top: 50px;
}
@media (min-width: 768px) {
main > section:first-of-type {
padding-top: 145px;
}
}
article{
padding-top: 50px;
position: relative;
}
article >.wrapper >*:not(h4):not(h2):not(h3):not(h1):not(:nth-last-child(1)){
margin-bottom: 15px;
}
@media (min-width: 768px) {
article >.wrapper >*:not(h4):not(h2):not(h3):not(h1):not(:nth-last-child(1)) {
margin-bottom: 65px;
}
}
article >.wrapper:not(:nth-last-child(1)){
margin-bottom: 15px;
}
@media (min-width: 768px) {
article >.wrapper:not(:nth-last-child(1)) {
margin-bottom: 65px;
}
}
@media (min-width: 768px){
article{
padding-top: 115px
}
}
.main-content{
padding-top: 70px;
}
section:not(.custom){
position: relative;
margin-bottom: 50px;
}
@media (min-width: 768px) {
section:not(.custom) {
margin-bottom: 145px;
}
}
section:not(.custom):nth-child(1){
padding-top: 50px;
}
@media (min-width: 768px) {
section:not(.custom):nth-child(1) {
padding-top: 145px;
}
}
section:not(.custom) >.wrapper >h2{
font-size: 3.0rem;
color: #184287;
line-height: 1.03;
margin-bottom: 40px;
}
@media (min-width: 768px) {
section:not(.custom) >.wrapper >h2 {
font-size: 4.8rem;
}
}
section:not(.custom) >.wrapper >h3{
font-size: 2.0rem;
color: #184287;
line-height: 1.2;
margin-bottom: 10px;
}
@media (min-width: 768px) {
section:not(.custom) >.wrapper >h3 {
font-size: 2.2rem;
}
}
section:not(.custom) >.wrapper >*:not(h4):not(h2):not(h3):not(h1):not(:nth-last-child(1)){
margin-bottom: 15px;
}
@media (min-width: 768px) {
section:not(.custom) >.wrapper >*:not(h4):not(h2):not(h3):not(h1):not(:nth-last-child(1)) {
margin-bottom: 65px;
}
}
section:not(.custom) >.wrapper:not(:nth-last-child(1)){
margin-bottom: 15px;
}
@media (min-width: 768px) {
section:not(.custom) >.wrapper:not(:nth-last-child(1)) {
margin-bottom: 65px;
}
}
section:not(.custom) >.wrapper >.part:not(:last-child){
margin-bottom: 15px;
}
@media (min-width: 768px) {
section:not(.custom) >.wrapper >.part:not(:last-child) {
margin-bottom: 65px;
}
}
section:not(.custom) >.wrapper >.part >h2{
font-size: 3.0rem;
color: #184287;
line-height: 1.03;
margin-bottom: 40px;
}
@media (min-width: 768px) {
section:not(.custom) >.wrapper >.part >h2 {
font-size: 4.8rem;
}
}
section:not(.custom) >.wrapper >.part >h3{
font-size: 2.0rem;
color: #184287;
line-height: 1.2;
margin-bottom: 10px;
}
@media (min-width: 768px) {
section:not(.custom) >.wrapper >.part >h3 {
font-size: 2.2rem;
}
}
section:not(.custom) >.wrapper >header{
margin-bottom: 40px;
}
section:not(.custom) >.wrapper >header >h2{
font-size: 3.0rem;
color: #184287;
line-height: 1.03;
margin-bottom: 10px;
}
@media (min-width: 768px) {
section:not(.custom) >.wrapper >header >h2 {
font-size: 4.8rem;
}
}
section:not(.custom) >.wrapper >header >.desc{
margin-bottom: 20px;
}
section:not(.custom) >.wrapper >header >.cta{
position: relative;
height: 50px;
padding: 0 25px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #184287;
font-weight: 700;
-webkit-box-shadow:inset 0px 0px 0px 1px #DC8633;
box-shadow:inset 0px 0px 0px 1px #DC8633;
-webkit-transition: -webkit-box-shadow .25s ease;
transition: -webkit-box-shadow .25s ease;
transition: box-shadow .25s ease;
transition: box-shadow .25s ease, -webkit-box-shadow .25s ease;
}
section:not(.custom) >.wrapper >header >.cta:before{
content:"";
display: inline-block;
background:transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
font-size: 18px;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}
section:not(.custom) >.wrapper >header >.cta:hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}
section:not(.custom) >.wrapper >header >.cta.hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}
section:not(.custom) >.wrapper >header >.cta:hover:before,section:not(.custom) >.wrapper >header >.cta.hover:before{
width: 25px;
}
section:not(.custom) >.wrapper >header >h2 + select{
margin-top: 20px;
}
@media (min-width: 768px){
section:not(.custom) >header{
margin-bottom: 50px;
}
section:not(.custom) >h2{
margin-bottom: 50px;
}
}
aside{
height: 50px;
padding-top: 0;
}
aside a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.2;
font-weight: 700;
color: #ffffff;
}
aside a:before{
content:"";
display: inline-block;
background:transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
font-size: 18px;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}
aside a:before{
content:"";
margin-top: 5px;
}
aside a:hover:before{
width: 25px;
}
aside li:not(:last-child){
margin-bottom: 10px;
}
@media (max-width: 767px){
aside h2{
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;  
-webkit-box-align: center;  
-ms-flex-align: center;  
align-items: center;
}
aside h2:before{
content:"\e90e";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: #DC8633;
font-size: 14px;
display: inline-block;
-webkit-transition: -webkit-transform .2s ease;
transition: -webkit-transform .2s ease;
transition: transform .2s ease;
transition: transform .2s ease, -webkit-transform .2s ease;
}
aside h2:after{
content:"\e90e";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: #DC8633;
font-size: 14px;
display: inline-block;
-webkit-transition: -webkit-transform .2s ease;
transition: -webkit-transform .2s ease;
transition: transform .2s ease;
transition: transform .2s ease, -webkit-transform .2s ease;
}
aside.active{
height: auto;
}
aside.active h2:before,aside.active h2:after{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@media (min-width: 768px){
aside{
height: auto
}
}
time{
display: block;
font-weight: 700;
}
.sidebar{
line-height: 1.1;
}
.sidebar h2{
font-size: 2.0rem;
color: #184287;
margin-bottom: 5px;
}
@media (min-width: 768px) {
.sidebar h2 {
font-size: 2.2rem;
}
}
.sidebar >*{
padding: 15px;
}
.sidebar >*:nth-child(even){
border: 1px solid #D9D9D6;
}
.sidebar >*:nth-child(odd){
color: #ffffff;
background: #184287;
}
.sidebar >*:nth-child(odd) h2{
color:#ffffff;
}
.sidebar >* >*:not(:nth-last-child(1)){
margin-bottom: 15px;
}
@media (min-width: 768px){
.sidebar >*{
padding: 25px;
}
}
template{
display: none;
} .container{
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 768px) {
.container {
padding-right: 50px;
}
}
@media (min-width: 768px) {
.container {
padding-left: 50px;
}
}
.container >.wrapper{
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: calc( 100%);
}
@media (min-width: 1820px) {
.container >.wrapper {
max-width: calc( calc( 1820px - 100px));
}
}
@media (max-width: 767px){
.layout-sidebar .sidebar{
position: absolute;
z-index: 10;
width: 100%;
top: 0;
left: 0;
overflow: hidden;
}
.layout-sidebar >.content{
padding-top: 40px;
} 
}
@media (min-width: 768px){
.layout-sidebar{
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.layout-sidebar >.sidebar{
width: calc( 4 * ( (100%/ 12 ) + (20px / 12) ) - 20px  );
margin-right: 20px;
}
@media (min-width: 1024px) {
.layout-sidebar >.sidebar {
margin-right: 50px;
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.layout-sidebar >.sidebar {
margin-right: 30px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.layout-sidebar >.sidebar {
margin-right: 20px;
}
}
@media  (max-width: 479px) {
.layout-sidebar >.sidebar {
margin-right: 20px;
}
}
@media (min-width: 1024px) {
.layout-sidebar >.sidebar {
width: calc( 4 * ( (100%/ 12 ) + (50px / 12) ) - 50px  );
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.layout-sidebar >.sidebar {
width: calc( 4 * ( (100%/ 12 ) + (30px / 12) ) - 30px  );
}
}
@media (min-width: 480px) and (max-width: 767px) {
.layout-sidebar >.sidebar {
width: calc( 4 * ( (100%/ 12 ) + (20px / 12) ) - 20px  );
}
}
@media  (max-width: 479px) {
.layout-sidebar >.sidebar {
width: calc( 4 * ( (100%/ 12 ) + (20px / 12) ) - 20px  );
}
}
@media (min-width: 1820px) {
.layout-sidebar >.sidebar {
width: calc( 4 * ( (calc( 1820px - 100px)/ 12 ) + (20px / 12) ) - 20px  );
}
}
.layout-sidebar >.content{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
} 
}
@media (min-width: 1024px){
.layout-sidebar >.sidebar{
width: calc( 3 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
@media (min-width: 1024px) {
.layout-sidebar >.sidebar {
width: calc( 3 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.layout-sidebar >.sidebar {
width: calc( 3 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media (min-width: 480px) and (max-width: 767px) {
.layout-sidebar >.sidebar {
width: calc( 3 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media  (max-width: 479px) {
.layout-sidebar >.sidebar {
width: calc( 3 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media (min-width: 1820px) {
.layout-sidebar >.sidebar {
width: calc( 3 * ( (calc( 1820px - 100px) / 12 ) + (50px / 12) ) - 50px  );
}
}
} .bg-mask{
background-color: #162338;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.bg-mask .wrapper h2{
color: white!important;
}
.bg-mask:before{
content:"";
z-index: 1;
width: 100%;
height: 30px;
display: block;
background: transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/triangle-machine-top.svg) no-repeat 0 0;
top: 0;
left: 0;
position: absolute;
background-size: 100% 30px;
}
.bg-mask:after{
content:"";
width: 100%;
height: 30px;
display: block;
background: transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/triangle-machine-bottom.svg) no-repeat 0 0;
bottom: 0;
left: 0;
position: absolute;
background-size: 100% 30px;
}
@media (min-width: 768px){
.bg-mask{
padding-bottom: 130px;
padding-top: 130px
}
}
.bg-form{
position: relative;
padding-bottom: 80px;
margin-bottom: 0!important;
padding-top: 0 !important;
overflow: hidden;
background-color: transparent;
background-image:  url(//serac-group.com.cn/wp-content/themes/serac/assets/img/form.svg);
background-position: 20px bottom;
background-repeat: no-repeat;
background-size: 190% 350px;
}
@media (min-width: 768px) {
.bg-form {
background-position: 50px bottom;
}
}
.bg-form.nobg-mobile{
background: none;
}
@media (min-width: 1024px){
.bg-form{
background-size: 190% 650px;
padding-bottom: 40px
}
}
@media (min-width: 1024px){
.bg-form{  
padding-bottom: 80px
}
}
.bg-rte{
color: #ffffff;
background:  #0E254E;
padding-top: 100px;
padding-bottom: 150px;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.bg-rte h2, .bg-rte h3{
color: #ffffff!important;
}
.bg-rte:before{
content:"";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #0E254E;
opacity: .6;
z-index:1;
}
.bg-rte .rte{
position: relative; 
z-index: 20;
}
.bg-rte:after{
content:"";
z-index: 3;
width: 100%;
height: 100%;
display: block;
background-color: transparent, transparent;
background-image: url(//serac-group.com.cn/wp-content/themes/serac/assets/img/triangle-machine-top.svg), url(//serac-group.com.cn/wp-content/themes/serac/assets/img/triangle-machine-bottom.svg);
background-repeat: no-repeat , no-repeat;
background-position: 0 top , 0 bottom; 
background-size: 100% 30px,100% 30px;
bottom: 0;
left: 0;
position: absolute;
z-index: 2;
}
.bg-rte .rte >*:not(h4):not(h2):not(h3):not(h1):not(:nth-last-child(1)){
margin-bottom: 20px;
}
@media (min-width: 768px) {
.bg-rte .rte >*:not(h4):not(h2):not(h3):not(h1):not(:nth-last-child(1)) {
margin-bottom: 20px;
}
} .tag{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 45px;
padding: 0 25px 0 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
overflow: hidden;
color: #ffffff;
font-weight: 700;  
}
.tag[data-tag="machine"]{
background: transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/stage-tag-machine.svg) no-repeat  right 0;
background-size: auto 100%;
}
.tag[data-tag="actu"]{
background: transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/stage-tag-actu.svg) no-repeat  right 0;
background-size: auto 100%;
}
.pager{
color: #D9D9D6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
}
.pager .active{
color: #184287;
font-weight: 700;
}
.pager a, .pager span{
margin: 0 8px;
}
.pager .first{
color: #DC8633;
}
.pager .prev{
color: #DC8633;
}
.pager .next{
color: #DC8633;
}
.pager .last{
color: #DC8633;
}
.pager .prev{
margin-right: 20px;
margin-left: 0;
}
.pager .next{
margin-left: 20px;
margin-right: 0;
}
.events a{
color: #184287;
}
.events a:hover{
text-decoration: underline;
}
.events .location{
margin-bottom: 8px;
}
@media (max-width: 767px){
.events{
display: none
}
}  .ajax-results .list-result{
margin-bottom: 20px;
} .popin-YT{
position: fixed;
z-index: 666;
top:0;
right:0;
bottom: 0;
left: 0;
background: #16233896;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
//padding: 80px;
display: none;
}
.popin-YT.open{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.popin-YT .btn-close{
position: absolute;
bottom: 100%;
right: 0;
height: 25px;
width: 25px;
color: #DC8633;
}
.popin-YT .btn-close:before{
content:"\e904";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.popin-YT .box{
position: relative;
width: 90%;
padding-top: 50.625%;
background: #000;
}
.popin-YT iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-width: 1024px){
.popin-YT .box{
width: 60%;
padding-top: 33.75%;
}
}
.list-secteurs{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -20px;
}
@media (min-width: 1024px) {
.list-secteurs {
margin-bottom: -50px;
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.list-secteurs {
margin-bottom: -30px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list-secteurs {
margin-bottom: -20px;
}
}
@media  (max-width: 479px) {
.list-secteurs {
margin-bottom: -20px;
}
}
.list-secteurs >*{
margin-bottom: 20px;
width: 100%;
}
@media (min-width: 1024px) {
.list-secteurs >* {
margin-bottom: 50px;
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.list-secteurs >* {
margin-bottom: 30px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list-secteurs >* {
margin-bottom: 20px;
}
}
@media  (max-width: 479px) {
.list-secteurs >* {
margin-bottom: 20px;
}
}
@media (min-width: 480px){
.list-secteurs >*{
margin-left: calc( 20px / 2 );
margin-right: calc( 20px / 2 )
}
@media (min-width: 1024px) {
.list-secteurs >* {
margin-right: calc( 50px / 2 );
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.list-secteurs >* {
margin-right: calc( 30px / 2 );
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list-secteurs >* {
margin-right: calc( 20px / 2 );
}
}
@media  (max-width: 479px) {
.list-secteurs >* {
margin-right: calc( 20px / 2 );
}
}
@media (min-width: 1024px) {
.list-secteurs >* {
margin-left: calc( 50px / 2 );
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.list-secteurs >* {
margin-left: calc( 30px / 2 );
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list-secteurs >* {
margin-left: calc( 20px / 2 );
}
}
@media  (max-width: 479px) {
.list-secteurs >* {
margin-left: calc( 20px / 2 );
}
}
}
@media (min-width: 768px){
.list-secteurs >*{
width: calc( (100% / 2) - 20px + 20px / 2)
}
@media (min-width: 1024px) {
.list-secteurs >* {
width: calc( (100% / 2) - 50px + 50px / 2);
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.list-secteurs >* {
width: calc( (100% / 2) - 30px + 30px / 2);
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list-secteurs >* {
width: calc( (100% / 2) - 20px + 20px / 2);
}
}
@media  (max-width: 479px) {
.list-secteurs >* {
width: calc( (100% / 2) - 20px + 20px / 2);
}
}
.list-secteurs >*:nth-child(odd){
margin-left: 0;
}
.list-secteurs >*:nth-child(even){
margin-right: 0;
}
}
.list-result{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -20px;
}
@media (min-width: 1024px) {
.list-result {
margin-bottom: -50px;
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.list-result {
margin-bottom: -30px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list-result {
margin-bottom: -20px;
}
}
@media  (max-width: 479px) {
.list-result {
margin-bottom: -20px;
}
}
.list-result >*{
margin-bottom: 20px;
width: 100%;
}
@media (min-width: 1024px) {
.list-result >* {
margin-bottom: 50px;
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.list-result >* {
margin-bottom: 30px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list-result >* {
margin-bottom: 20px;
}
}
@media  (max-width: 479px) {
.list-result >* {
margin-bottom: 20px;
}
}
@media (min-width: 480px){
.list-result >*{
margin-left: calc( 20px / 2 );
margin-right: calc( 20px / 2 )
}
@media (min-width: 1024px) {
.list-result >* {
margin-right: calc( 50px / 2 );
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.list-result >* {
margin-right: calc( 30px / 2 );
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list-result >* {
margin-right: calc( 20px / 2 );
}
}
@media  (max-width: 479px) {
.list-result >* {
margin-right: calc( 20px / 2 );
}
}
@media (min-width: 1024px) {
.list-result >* {
margin-left: calc( 50px / 2 );
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.list-result >* {
margin-left: calc( 30px / 2 );
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list-result >* {
margin-left: calc( 20px / 2 );
}
}
@media  (max-width: 479px) {
.list-result >* {
margin-left: calc( 20px / 2 );
}
}
}
@media (min-width: 480px) and (max-width: 767px){
.list-result >*{
width: calc( (100% / 2) - 20px + 20px / 2)
}
@media (min-width: 1024px) {
.list-result >* {
width: calc( (100% / 2) - 50px + 50px / 2);
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.list-result >* {
width: calc( (100% / 2) - 30px + 30px / 2);
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list-result >* {
width: calc( (100% / 2) - 20px + 20px / 2);
}
}
@media  (max-width: 479px) {
.list-result >* {
width: calc( (100% / 2) - 20px + 20px / 2);
}
}
.list-result >*:nth-child(odd){
margin-left: 0;
}
.list-result >*:nth-child(even){
margin-right: 0;
}
}
@media (min-width: 768px){
.list-result >*{
width: calc( (33.3333%) - 20px +  20px / 3)
}
@media (min-width: 1024px) {
.list-result >* {
width: calc( (33.3333%) - 50px +  50px / 3);
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.list-result >* {
width: calc( (33.3333%) - 30px +  30px / 3);
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list-result >* {
width: calc( (33.3333%) - 20px +  20px / 3);
}
}
@media  (max-width: 479px) {
.list-result >* {
width: calc( (33.3333%) - 20px +  20px / 3);
}
}
.list-result >*:nth-child(3n+1){
margin-left: 0;
}
.list-result >*:nth-child(3n+3){
margin-right: 0;
}
}
.list-destructured{
display: table;
width: 100%;display: none;
}
.list-destructured img{
width: 100%;
display: block;
}
.list-destructured > div{
float: left;
margin-bottom: 20px;
}
.list-destructured > div:nth-child(3n+1){
width: 70%;
background: green;
}
.list-destructured > div:nth-child(3n+2){
width: 30%;
background: gold;
height: 50px;
}
.list-destructured > div:nth-child(3n+3){
width: 30%;
background: red;
height: 50px;
}
.list-destructured > div:nth-child(6n+4){
float: right!important;
opacity: .5;
}
.list-actu{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: calc( -20px / 2 );
margin-right: calc( -20px / 2 );
}
@media (min-width: 1024px) {
.list-actu {
margin-right: calc( -50px / 2 );
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.list-actu {
margin-right: calc( -30px / 2 );
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list-actu {
margin-right: calc( -20px / 2 );
}
}
@media  (max-width: 479px) {
.list-actu {
margin-right: calc( -20px / 2 );
}
}
@media (min-width: 1024px) {
.list-actu {
margin-left: calc( -50px / 2 );
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.list-actu {
margin-left: calc( -30px / 2 );
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list-actu {
margin-left: calc( -20px / 2 );
}
}
@media  (max-width: 479px) {
.list-actu {
margin-left: calc( -20px / 2 );
}
}
.list-actu >li{
padding-left: calc( 20px / 2 );
padding-right: calc( 20px / 2 );
margin-bottom: 20px;
}
@media (min-width: 1024px) {
.list-actu >li {
margin-bottom: 50px;
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.list-actu >li {
margin-bottom: 30px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list-actu >li {
margin-bottom: 20px;
}
}
@media  (max-width: 479px) {
.list-actu >li {
margin-bottom: 20px;
}
}
@media (min-width: 1024px) {
.list-actu >li {
padding-right: calc( 50px / 2 );
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.list-actu >li {
padding-right: calc( 30px / 2 );
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list-actu >li {
padding-right: calc( 20px / 2 );
}
}
@media  (max-width: 479px) {
.list-actu >li {
padding-right: calc( 20px / 2 );
}
}
@media (min-width: 1024px) {
.list-actu >li {
padding-left: calc( 50px / 2 );
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.list-actu >li {
padding-left: calc( 30px / 2 );
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list-actu >li {
padding-left: calc( 20px / 2 );
}
}
@media  (max-width: 479px) {
.list-actu >li {
padding-left: calc( 20px / 2 );
}
}
.list-actu >li.big{
width: 100%;
}
.list-actu >li.js-push_forward{
margin-bottom: 40px;
margin-top: 10px;
}
@media (min-width: 1024px){
.list-actu >li{
width: calc( 33.3333% );   
}
.list-actu >li.js-push_forward{
margin-bottom: 50px;
margin-top: 30px;
} 
.list-actu >li.medium{
width: calc( 2 * 33.3333% ) ;
}
}
.list-events li{
border-top: 1px solid #D9D9D6;
padding-top: 15px;
}
.list-events li:not(:last-child){
margin-bottom: 15px;
}
.list-events time{
font-size: 1.3rem;
font-weight: 400;
}
@media (min-width: 768px) {
.list-events time {
font-size: 1.4rem;
}
}
.list-events .location{
font-weight: 700;
font-size: 1.3rem;
}
@media (min-width: 768px) {
.list-events .location {
font-size: 1.4rem;
}
}
.list-events .text{
margin-top: 10px;
color: #184287;
}
.list-download{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.list-download li{
border: 1px solid #D9D9D6;
margin-bottom: 20px;
}
@media (max-width: 767px){
.list-download li{
width: 100%;
}
}
@media (min-width: 768px){
.list-download li{ 
margin-right: 20px;
min-width: 220px;
} 
}
.item-download{
padding: 25px 20px;
color: #184287;
text-align: center;
}
.item-download:before{
content:"\e910";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: #DC8633;
display: block;
margin-bottom: 10px;
font-size: 30px;
}.rte{
line-height: 1.35;
}.rte >*:not(h4):not(h2):not(h3):not(h1):not(:nth-last-child(1)){ }.rte h1{
margin-top: 15px;
font-size: 3.0rem;
color: #184287;
line-height: 1.03;
margin-bottom: 5px;
}@media (min-width: 768px) {
.rte h1 {
font-size: 4.8rem;
}
}.rte h2{ 
margin-top: 15px;
font-size: 3.0rem;
color: #184287;
line-height: 1.03;
margin-bottom: 15px;
}@media (min-width: 768px) {
.rte h2 {
font-size: 4.8rem;
}
}.rte h3{
font-size: 2.0rem;
color: #184287;
line-height: 1.2;
margin-bottom: 10px;
}@media (min-width: 768px) {
.rte h3 {
font-size: 2.2rem;
}
}.rte >*:nth-child(1){
margin-top: 0;
}.rte p{
display: block;
margin-bottom: 15px;
}.rte i{
font-style: italic;
}.rte a{
color: #DC8633;
text-decoration: underline;
}.rte a[download=""]{
text-decoration: none;
color: #fff;
font-weight: 700;
}.rte a[download=""]:before{
content:"\e910";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: #DC8633;
font-size: 20px; 
padding-right: 10px;
vertical-align: middle;
display: inline-block;
-webkit-transform: translate(0,-5px);
transform: translate(0,-5px);
}.rte small{
opacity: .7;
}.rte ul{
line-height: 1.4;
}.rte ul li{
position: relative;
padding-left: 25px;
display: block;
}.rte ul li:not(:last-child){
margin-bottom: 7px;
}.rte ul li:before{
content: "\e902";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: #DC8633;
font-size: 25px;
line-height: .8;
display: inline-block;
margin-left: -25px;
-webkit-transform: translate(0,5px);
transform: translate(0,5px);
width: 25px;
}.rte ul li ul{
margin-top: 7px;
width: 100%;
}.rte ol{
line-height: 1.95;
counter-reset: list;
}.rte ol li:before{
counter-increment: list;
content: counters(list,".") " ";
color: #DC8633;
padding-right: 5px;
}.rte blockquote{
font-size: 20px;
padding: 20px;
margin-top: 10px;
position: relative;
text-indent: 20px;
display: inline-block;
text-align: center;
padding: 0;
margin: 0;
margin-bottom: 15px;
}@media (min-width: 768px) {
.rte blockquote {
margin-bottom: 65px;
}
}.rte blockquote::before{
font-family:Arial;
content: "\201C";
font-size:4em;
display: inline-block;
left: -15px;
top:-20px;
line-height: 1;
margin-top: 20px;
height: 40px;
overflow: hidden;
-webkit-transform: translate(-5px,-10px);
transform: translate(-5px,-10px)
}.rte blockquote::after{
font-family:Arial;
content: "\201D";
font-size:4em;
display: inline-block;
left: -15px;
top:-20px;
line-height: 1;
margin-top: 20px;
height: 40px;
overflow: hidden;
-webkit-transform: translate(-5px,20px);
transform: translate(-5px,20px)
}.rte table{
border: 1px solid #D9D9D6;
}.rte table thead{
background-color: #F2F3F3;
}.rte table td{
border: 1px solid #D9D9D6;
padding: 10px 20px;
}@media (min-width: 768px){
.rte h1{
margin-top: 15px;
}
.rte h2{
margin-bottom: 30px;
margin-top: 50px;
}
}:root {    }
:root{   }
@media (min-width: 768px){
.offset-small{
padding-left: calc( ( 100% / (12 / 1)) + 20px / (12 / 1));
padding-right: calc( ( 100% / (12 / 1)) + 20px / (12 / 1))
}
@media (min-width: 1024px) {
.offset-small {
padding-right: calc( ( 100% / (12 / 1)) + 50px / (12 / 1));
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.offset-small {
padding-right: calc( ( 100% / (12 / 1)) + 30px / (12 / 1));
}
}
@media (min-width: 480px) and (max-width: 767px) {
.offset-small {
padding-right: calc( ( 100% / (12 / 1)) + 20px / (12 / 1));
}
}
@media  (max-width: 479px) {
.offset-small {
padding-right: calc( ( 100% / (12 / 1)) + 20px / (12 / 1));
}
}
@media (min-width: 1820px) {
.offset-small {
padding-right: calc( ( calc( 1820px - 100px) / (12 / 1)) + 20px / (12 / 1));
}
}
@media (min-width: 1024px) {
.offset-small {
padding-left: calc( ( 100% / (12 / 1)) + 50px / (12 / 1));
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.offset-small {
padding-left: calc( ( 100% / (12 / 1)) + 30px / (12 / 1));
}
}
@media (min-width: 480px) and (max-width: 767px) {
.offset-small {
padding-left: calc( ( 100% / (12 / 1)) + 20px / (12 / 1));
}
}
@media  (max-width: 479px) {
.offset-small {
padding-left: calc( ( 100% / (12 / 1)) + 20px / (12 / 1));
}
}
@media (min-width: 1820px) {
.offset-small {
padding-left: calc( ( calc( 1820px - 100px) / (12 / 1)) + 20px / (12 / 1));
}
}
}
.accordion{
width: 100%;
}
.accordion.open h2:not(.active){
color: #898A8D;
}
.accordion h2{
font-size: 3.0rem;
color: #184287;
padding-bottom: 10px;
margin-bottom: 10px;
cursor: pointer;
min-height: 60px;
width: 100%;
text-align: left;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
position: relative;
}
@media (min-width: 768px) {
.accordion h2 {
font-size: 4.8rem;
}
}
.accordion h2:before{
content:"";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #D9D9D6;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.accordion h2:after{
content:"\e90e";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: block;
-webkit-transition: -webkit-transform .2s ease-out;
transition: -webkit-transform .2s ease-out;
transition: transform .2s ease-out;
transition: transform .2s ease-out, -webkit-transform .2s ease-out;
color: #DC8633;
font-size: 35px;
}
.accordion h2.active{ 
color: #184287;
}
.accordion h2.active:before{
height: 4px;
background: #184287;
}
.accordion h2.active:after{
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion h3{
font-size: 2.0rem;
color: #184287;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.accordion h3 {
font-size: 2.2rem;
}
}
.accordion .panel{
height: 0;
overflow: hidden;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.accordion .content{
padding: 20px 0;
}
@media (min-width: 768px){
.accordion h2{
margin-bottom: 30px;
}
.accordion .content{
padding: 20px;
}
}
.fiche{
padding-bottom: 10px;
}
.fiche:not(:first-of-type){
padding-top: 20px;
}
.fiche:not(:last-of-type){
border-bottom: 1px solid #D9D9D6;
}
.fiche .text{
margin-bottom: 20px;
}
.fiche ul:not(:nth-last-child(1)){
margin-bottom: 20px;
}
.fiche ul a{
color: #DC8633;
text-decoration: underline;
}
.fiche ul li{
-webkit-box-flex: 1;
-ms-flex: 1 1 300px;
flex: 1 1 300px;
line-height: 1.4;
margin-bottom: 15px;
max-width: 300px;
}
.fiche ul li:first-child{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-left: 0;
max-width: auto;
}
.fiche ul li:last-child{
padding-right: 0;
margin-bottom: 0;
}
.fiche .country{
font-size: 2.0rem;
color: #184287;
line-height: 1.2;
font-weight: 400;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.fiche .country {
font-size: 2.2rem;
}
}
.fiche .category{
font-weight: 700;
color: #1C273A;
font-size: 1.8rem;
margin-bottom: 10px;
}
.fiche .label{
color: #1C273A;
display: block;
font-weight: 700;
}
.fiche p:not(:last-of-type){
margin-bottom: 5px;
}
@media (min-width: 768px){
.fiche{
padding-bottom: 40px
}
.fiche .text{
margin-bottom: 30px;
}
.fiche:not(:first-of-type){
padding-top: 40px;
}
.fiche ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.fiche ul:not(:nth-chilg-last(1)){
margin-bottom: 30px;
}
.fiche ul li{
padding: 0 30px;
margin-bottom: 0;
}
}.block-actu_tendances h2{
color: #ffffff;
margin-bottom: 30px;
text-indent: 10px;
font-size: 3.0rem!important;
letter-spacing: 6px;
text-transform: uppercase;
font-weight: 400;
}@media (min-width: 768px) {
.block-actu_tendances h2 {
font-size: 4.8rem!important;
}
}.block-actu_tendances h2 b{
display: block;
text-indent: 0px;
}@media (min-width: 480px){.block-actu_tendances h2{ 
font-size: 3.0rem;
letter-spacing: 18px;
text-indent: 30px;
}@media (min-width: 768px) {
.block-actu_tendances h2 { 
font-size: 6.0rem;
}
}
}@media (max-width: 767px){
.block-actu_tendances header{
margin-bottom: 40px!important;
}
.block-actu_tendances header .desc{
margin-bottom: 30px!important;   
}
}.block-chiffres{
margin-left: calc( -20px/2 );
margin-right: calc( -20px/2 );
}@media (min-width: 1024px) {
.block-chiffres {
margin-right: calc( -50px/2 );
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-chiffres {
margin-right: calc( -30px/2 );
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-chiffres {
margin-right: calc( -20px/2 );
}
}@media  (max-width: 479px) {
.block-chiffres {
margin-right: calc( -20px/2 );
}
}@media (min-width: 1024px) {
.block-chiffres {
margin-left: calc( -50px/2 );
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-chiffres {
margin-left: calc( -30px/2 );
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-chiffres {
margin-left: calc( -20px/2 );
}
}@media  (max-width: 479px) {
.block-chiffres {
margin-left: calc( -20px/2 );
}
}.block-chiffres >.wrapper{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -20px;
}@media (min-width: 1024px) {
.block-chiffres >.wrapper {
margin-bottom: -50px;
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-chiffres >.wrapper {
margin-bottom: -30px;
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-chiffres >.wrapper {
margin-bottom: -20px;
}
}@media  (max-width: 479px) {
.block-chiffres >.wrapper {
margin-bottom: -20px;
}
}.block-chiffres >.wrapper >*{
-webkit-box-flex: 1;
-ms-flex: 1 1 320px;
flex: 1 1 320px;
padding: 0 calc(20px/2);
margin-bottom: 20px;
}@media (min-width: 1024px) {
.block-chiffres >.wrapper >* {
margin-bottom: 50px;
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-chiffres >.wrapper >* {
margin-bottom: 30px;
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-chiffres >.wrapper >* {
margin-bottom: 20px;
}
}@media  (max-width: 479px) {
.block-chiffres >.wrapper >* {
margin-bottom: 20px;
}
}@media (min-width: 1024px) {
.block-chiffres >.wrapper >* {
padding: 0 calc(50px/2);
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-chiffres >.wrapper >* {
padding: 0 calc(30px/2);
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-chiffres >.wrapper >* {
padding: 0 calc(20px/2);
}
}@media  (max-width: 479px) {
.block-chiffres >.wrapper >* {
padding: 0 calc(20px/2);
}
}@media (max-width: 767px){
.block-chiffres >.wrapper{
margin-bottom: 0;
}
.block-chiffres >.wrapper >*:nth-last-child(1){
margin-bottom: 0;
}
}.block-chiffres .title{
color: #DC8633;
font-size: 3.0rem;
border-bottom: 2px solid #DC8633;
font-weight: 700;
margin-bottom: 20px;
}@media (min-width: 768px) {
.block-chiffres .title {
font-size: 4.8rem;
}
}.block-chiffres b{
color: #DC8633;
}.block-chiffres strong{
color: #DC8633;
}@media (min-width: 768px){
.block-chiffres .title{
margin-bottom: 30px;
} 
}.block-citation{
text-align: center;
line-height: 1.1;
}.block-citation p{
color: #184287;
font-size: 2.4rem;
display: block;
margin-bottom: 10px;
}.block-citation footer{
font-size: 1.8rem;
}.block-citation footer .name{
font-weight: 700;
}@media (min-width: 768px){
.block-citation p{
font-size: 3.6rem;
}
}.block-domaine_expertise{
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #162338;
color: #ffffff;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
z-index: 10;
}@media (min-width: 768px) {
.block-domaine_expertise {
padding-right: 50px;
}
}@media (min-width: 768px) {
.block-domaine_expertise {
padding-left: 50px;
}
}.block-domaine_expertise >.wrapper{
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: calc( 100%);
}@media (min-width: 1820px) {
.block-domaine_expertise >.wrapper {
max-width: calc( calc( 1820px - 100px));
}
}.block-domaine_expertise .wrapper{
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}.block-domaine_expertise figure{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; padding: 0 50px;
}.block-domaine_expertise figure img{
max-width: 100%;
height: auto;
display: block;
}.block-domaine_expertise .content{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}.block-domaine_expertise h2{
color: #ffffff;
margin-bottom: 30px;
text-indent: 10px;
font-size: 3.0rem!important;
letter-spacing: 6px;
text-transform: uppercase;
font-weight: 400;
}@media (min-width: 768px) {
.block-domaine_expertise h2 {
font-size: 4.8rem!important;
}
}.block-domaine_expertise h2 b{
display: block;
text-indent: 0px;
}@media (min-width: 480px){.block-domaine_expertise h2{ 
font-size: 3.0rem;
letter-spacing: 18px;
text-indent: 30px;
}@media (min-width: 768px) {
.block-domaine_expertise h2 { 
font-size: 6.0rem;
}
}
}.block-domaine_expertise .desc{
margin-bottom: 50px;
line-height: 1.4;
color:#B3BDCD;
}.block-domaine_expertise ul{
display: inline-block;
}.block-domaine_expertise ul a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.2;
font-weight: 700;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}.block-domaine_expertise ul a:before{
content:"";
display: inline-block;
background:transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
font-size: 18px;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}.block-domaine_expertise ul a:before{
content:"";
margin-top: 5px;
}.block-domaine_expertise ul a:hover:before{
width: 25px;
}.block-domaine_expertise ul li{
margin-bottom: 10px;
width: 100%;
}@media (min-width: 480px){.block-domaine_expertise ul{ 
-webkit-column-count: 2; 
-moz-column-count: 2; 
column-count: 2;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
-webkit-column-width: 200px;
-moz-column-width: 200px;
column-width: 200px;
}
}@media (max-width: 1023px){
.block-domaine_expertise figure{
margin-bottom: 40px;
}
}@media (min-width: 1024px){.block-domaine_expertise{
padding-top: 180px;
padding-bottom: 100px
}
.block-domaine_expertise .wrapper{
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.block-domaine_expertise .content{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.block-domaine_expertise figure{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
margin-right: 50px;
width: 30%;
margin-bottom: 0!important;
padding: 0;
}
@media (min-width: 1024px) {
.block-domaine_expertise figure {
margin-right: 50px;
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.block-domaine_expertise figure {
margin-right: 50px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.block-domaine_expertise figure {
margin-right: 50px;
}
}
@media  (max-width: 479px) {
.block-domaine_expertise figure {
margin-right: 50px;
}
}
@media (min-width: 1024px) {
.block-domaine_expertise figure {
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.block-domaine_expertise figure {
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media (min-width: 480px) and (max-width: 767px) {
.block-domaine_expertise figure {
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media  (max-width: 479px) {
.block-domaine_expertise figure {
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media (min-width: 1820px) {
.block-domaine_expertise figure {
width: calc( 6 * ( (calc( 1820px - 100px) / 12 ) + (50px / 12) ) - 50px  );
}
}
.block-domaine_expertise .desc{
width:  70%;
}
}@media (min-width: 1170px){
.block-domaine_expertise figure{
margin-right: calc( 2 * 20px);
}
@media (min-width: 1024px) {
.block-domaine_expertise figure {
margin-right: calc( 2 * 50px);
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.block-domaine_expertise figure {
margin-right: calc( 2 * 30px);
}
}
@media (min-width: 480px) and (max-width: 767px) {
.block-domaine_expertise figure {
margin-right: calc( 2 * 20px);
}
}
@media  (max-width: 479px) {
.block-domaine_expertise figure {
margin-right: calc( 2 * 20px);
}
}
}
.ie11 .block-domaine_expertise figure img{
width: 100%;
}
@media (max-width: 1023px){
.ie11 .block-domaine_expertise .wrapper{
display: block;
}
}.block-download{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}@media (max-width: 479px){.block-download{
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.block-download >*{
margin-bottom: 20px;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
}
@media (min-width: 1024px) {
.block-download >* {
margin-bottom: 50px;
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.block-download >* {
margin-bottom: 30px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.block-download >* {
margin-bottom: 20px;
}
}
@media  (max-width: 479px) {
.block-download >* {
margin-bottom: 20px;
}
}
.block-download a{
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.block-download img{
display: block;
margin: 0;
max-width: 100%;
margin: 0 auto;
}
}@media (min-width: 480px){
.block-download >div{
padding-left: 30px;
}
}.block-features .rte:first-of-type{
margin-bottom: 20px;
}.block-features .visu{
border: 1px solid #D9D9D6;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.15)));
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
}.block-features .visu img{
display: block;
margin: 0;
}.block-features .rte > :not(h4):not(h2):not(h3):not(h1):not(:nth-last-child(1)) {
margin-bottom: 20px;
}.block-features .rte ul li:not(:last-child) {
margin-bottom: 0px;
}@media (max-width: 479px){
.block-features .visu{
margin-left: -20px;   
margin-right: -20px;   
border-left: none;
border-right: none;
}
@media (min-width: 768px) {
.block-features .visu {   
margin-right: -50px;
}
}
@media (min-width: 768px) {
.block-features .visu {
margin-left: -50px;
}
}
.block-features .visu img{
max-width: 100%;
height: auto;
max-height: 100%;
margin: 0 auto;
}
}@media (min-width: 480px){
.block-features .visu{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}@media (min-width: 1024px){.block-features{
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.block-features .rte:first-of-type{
margin-bottom: 0px;
width: calc( 3 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
margin-right: 50px;
}
@media (min-width: 1024px) {
.block-features .rte:first-of-type {
margin-right: 50px;
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.block-features .rte:first-of-type {
margin-right: 50px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.block-features .rte:first-of-type {
margin-right: 50px;
}
}
@media  (max-width: 479px) {
.block-features .rte:first-of-type {
margin-right: 50px;
}
}
@media (min-width: 1024px) {
.block-features .rte:first-of-type {
width: calc( 3 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.block-features .rte:first-of-type {
width: calc( 3 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media (min-width: 480px) and (max-width: 767px) {
.block-features .rte:first-of-type {
width: calc( 3 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media  (max-width: 479px) {
.block-features .rte:first-of-type {
width: calc( 3 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media (min-width: 1820px) {
.block-features .rte:first-of-type {
width: calc( 3 * ( (calc( 1820px - 100px) / 12 ) + (50px / 12) ) - 50px  );
}
}
}.block-galerie_media{
padding-left: 20px;
padding-right: 20px;
}@media (min-width: 768px) {
.block-galerie_media {
padding-right: 50px;
}
}@media (min-width: 768px) {
.block-galerie_media {
padding-left: 50px;
}
}.block-galerie_media h2{
font-size: 2.0rem;
color: #184287;
line-height: 1.2;
margin-bottom: 10px;
}@media (min-width: 768px) {
.block-galerie_media h2 {
font-size: 2.2rem;
}
}.block-galerie_media .desc{
}.block-galerie_media header{
text-align: center;
line-height: 1.4;
max-width: 600px;
margin: 0 auto;
margin-bottom: 35px;
}.block-galerie_media >.wrapper{
}.block-le_groupe{
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 410px;
color: #ffffff;
text-align: center;
position: relative;
z-index: 0;
margin-top: -20px;
margin-bottom: 50px;
}@media (min-width: 768px) {
.block-le_groupe {
margin-bottom: 145px;
}
}@media (min-width: 768px) {
.block-le_groupe {
padding-right: 50px;
}
}@media (min-width: 768px) {
.block-le_groupe {
padding-left: 50px;
}
}.block-le_groupe >.wrapper{
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: calc( 100%);
}@media (min-width: 1820px) {
.block-le_groupe >.wrapper {
max-width: calc( calc( 1820px - 100px));
}
}.block-le_groupe .video{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #162338;
}.block-le_groupe .video video{
width: 100%;
height: 100%;
opacity: .2;
-o-object-fit: cover;
object-fit: cover;
}.block-le_groupe .video.active{
-webkit-mask: url(//serac-group.com.cn/wp-content/themes/serac/assets/img/mask-video.svg);
mask: url(#mask);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
-webkit-mask-position: center;
}.block-le_groupe svg{
position: absolute;
}.block-le_groupe .wrapper{
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 10;
}.block-le_groupe .wrapper h2{
color: #ffffff;
margin-bottom: 30px;
text-indent: 10px;
font-size: 3.0rem!important;
letter-spacing: 6px;
text-transform: capitalize;
font-weight: 400;
margin-bottom: 30px;
}@media (min-width: 768px) {
.block-le_groupe .wrapper h2 {
font-size: 4.8rem!important;
}
}.block-le_groupe .wrapper h2 b{
display: block;
text-indent: 0px;
}@media (min-width: 480px){.block-le_groupe .wrapper h2{ 
font-size: 3.0rem;
letter-spacing: 18px;
text-indent: 30px;
}@media (min-width: 768px) {
.block-le_groupe .wrapper h2 { 
font-size: 6.0rem;
}
}
}.block-le_groupe .wrapper .desc{
max-width: 500px;
margin: 0 auto 40px;
line-height: 1.4;
}.block-le_groupe .wrapper .cta{
position: relative;
height: 50px;
padding: 0 25px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #184287;
font-weight: 700;
-webkit-box-shadow:inset 0px 0px 0px 1px #DC8633;
box-shadow:inset 0px 0px 0px 1px #DC8633;
-webkit-transition: -webkit-box-shadow .25s ease;
transition: -webkit-box-shadow .25s ease;
transition: box-shadow .25s ease;
transition: box-shadow .25s ease, -webkit-box-shadow .25s ease;
color: #ffffff;
}.block-le_groupe .wrapper .cta:before{
content:"";
display: inline-block;
background:transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
font-size: 18px;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}.block-le_groupe .wrapper .cta:hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}.block-le_groupe .wrapper .cta.hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}.block-le_groupe .wrapper .cta:hover:before,.block-le_groupe .wrapper .cta.hover:before{
width: 25px;
}@media (min-width: 480px){.block-le_groupe{
height: 710px;   margin-top: -30px
}
}@media (min-width: 768px){
}
.ie11 .block-le_groupe{
height: auto;
margin: 0;
width: 100%;
padding: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 145px;
}
.ie11 .block-le_groupe .video{
padding-bottom: 55%;
position: relative;
}
.ie11 .block-le_groupe .video video{
margin: 0 auto;
height: 100%;
left: 0;
position: absolute;
width: 100%;
}
.ie11 .block-le_groupe .wrapper{
position: absolute;
height: 100%;
padding: 20px;
}
@media (max-width: 479px){
.ie11 .block-le_groupe{
margin-bottom: 60px
}
.ie11 .block-le_groupe .desc{
display: none;
}
}.block-media_text-column{
padding-bottom: 20px;
}.block-media_text-column img{
display: block;
margin: 0;
width: 100%;
}.block-media_text-column figure{
margin-bottom: 20px;
}.block-media_text-column figcaption{
width: 100%;
background: #F2F3F3;
font-size: 1.3rem;
padding: 15px 20px;
color: #898A8D;
line-height: 1.1;
}@media (min-width: 768px) {
.block-media_text-column figcaption {
font-size: 1.4rem;
}
}@media (min-width: 1024px){  
.block-media_text-column >div{
padding-left: 15%;
padding-right: 15%;
}
.block-media_text-column figcaption{
padding-left: 15%;
padding-right: 15%;
}
}.block-media_text-row{
margin-left: calc( -20px/2 );
margin-right: calc( -20px/2 );
}@media (min-width: 1024px) {
.block-media_text-row {
margin-right: calc( -50px/2 );
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-media_text-row {
margin-right: calc( -30px/2 );
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-media_text-row {
margin-right: calc( -20px/2 );
}
}@media  (max-width: 479px) {
.block-media_text-row {
margin-right: calc( -20px/2 );
}
}@media (min-width: 1024px) {
.block-media_text-row {
margin-left: calc( -50px/2 );
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-media_text-row {
margin-left: calc( -30px/2 );
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-media_text-row {
margin-left: calc( -20px/2 );
}
}@media  (max-width: 479px) {
.block-media_text-row {
margin-left: calc( -20px/2 );
}
}.block-media_text-row >.wrapper{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -20px;
}@media (min-width: 1024px) {
.block-media_text-row >.wrapper {
margin-bottom: -50px;
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-media_text-row >.wrapper {
margin-bottom: -30px;
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-media_text-row >.wrapper {
margin-bottom: -20px;
}
}@media  (max-width: 479px) {
.block-media_text-row >.wrapper {
margin-bottom: -20px;
}
}.block-media_text-row >.wrapper >*{
-webkit-box-flex: 1;
-ms-flex: 1 1 320px;
flex: 1 1 320px;
padding: 0 calc(20px/2);
margin-bottom: 20px;
}@media (min-width: 1024px) {
.block-media_text-row >.wrapper >* {
margin-bottom: 50px;
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-media_text-row >.wrapper >* {
margin-bottom: 30px;
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-media_text-row >.wrapper >* {
margin-bottom: 20px;
}
}@media  (max-width: 479px) {
.block-media_text-row >.wrapper >* {
margin-bottom: 20px;
}
}@media (min-width: 1024px) {
.block-media_text-row >.wrapper >* {
padding: 0 calc(50px/2);
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-media_text-row >.wrapper >* {
padding: 0 calc(30px/2);
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-media_text-row >.wrapper >* {
padding: 0 calc(20px/2);
}
}@media  (max-width: 479px) {
.block-media_text-row >.wrapper >* {
padding: 0 calc(20px/2);
}
}@media (max-width: 767px){
.block-media_text-row >.wrapper{
margin-bottom: 0;
}
.block-media_text-row >.wrapper >*:nth-last-child(1){
margin-bottom: 0;
}
}.block-media_text-row img{
display: block;
margin: 0;
width: 100%;
}.block-media_text-row figcaption{
width: 100%;
background: #F2F3F3;
font-size: 1.3rem;
padding: 15px 20px;
color: #898A8D;
line-height: 1.1;
}@media (min-width: 768px) {
.block-media_text-row figcaption {
font-size: 1.4rem;
}
}@media (min-width: 768px){
.block-media_text-row .content{
padding-top: 40px;
}
}.block-medias_textes{
margin-left: calc( -20px/2 );
margin-right: calc( -20px/2 );
}@media (min-width: 1024px) {
.block-medias_textes {
margin-right: calc( -50px/2 );
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-medias_textes {
margin-right: calc( -30px/2 );
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-medias_textes {
margin-right: calc( -20px/2 );
}
}@media  (max-width: 479px) {
.block-medias_textes {
margin-right: calc( -20px/2 );
}
}@media (min-width: 1024px) {
.block-medias_textes {
margin-left: calc( -50px/2 );
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-medias_textes {
margin-left: calc( -30px/2 );
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-medias_textes {
margin-left: calc( -20px/2 );
}
}@media  (max-width: 479px) {
.block-medias_textes {
margin-left: calc( -20px/2 );
}
}.block-medias_textes >.wrapper{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -20px;
}@media (min-width: 1024px) {
.block-medias_textes >.wrapper {
margin-bottom: -50px;
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-medias_textes >.wrapper {
margin-bottom: -30px;
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-medias_textes >.wrapper {
margin-bottom: -20px;
}
}@media  (max-width: 479px) {
.block-medias_textes >.wrapper {
margin-bottom: -20px;
}
}.block-medias_textes >.wrapper >*{
-webkit-box-flex: 1;
-ms-flex: 1 1 320px;
flex: 1 1 320px;
padding: 0 calc(20px/2);
margin-bottom: 20px;
}@media (min-width: 1024px) {
.block-medias_textes >.wrapper >* {
margin-bottom: 50px;
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-medias_textes >.wrapper >* {
margin-bottom: 30px;
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-medias_textes >.wrapper >* {
margin-bottom: 20px;
}
}@media  (max-width: 479px) {
.block-medias_textes >.wrapper >* {
margin-bottom: 20px;
}
}@media (min-width: 1024px) {
.block-medias_textes >.wrapper >* {
padding: 0 calc(50px/2);
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-medias_textes >.wrapper >* {
padding: 0 calc(30px/2);
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-medias_textes >.wrapper >* {
padding: 0 calc(20px/2);
}
}@media  (max-width: 479px) {
.block-medias_textes >.wrapper >* {
padding: 0 calc(20px/2);
}
}@media (max-width: 767px){
.block-medias_textes >.wrapper{
margin-bottom: 0;
}
.block-medias_textes >.wrapper >*:nth-last-child(1){
margin-bottom: 0;
}
}.block-medias_textes img{
display: block;
margin: 0;
width: 100%;
}.block-medias_textes h3{
padding: 15px 20px 0px; 
}.block-medias_textes p{
padding: 0px 20px;
}.block-medias_textes figcaption{
width: 100%;
background: #F2F3F3;
font-size: 1.3rem;
padding: 15px 20px;
color: #898A8D;
line-height: 1.1;
text-decoration: none;
}@media (min-width: 768px) {
.block-medias_textes figcaption {
font-size: 1.4rem;
}
}
.block-nos_services{
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
@media (min-width: 768px) {
.block-nos_services {
padding-right: 50px;
}
}
@media (min-width: 768px) {
.block-nos_services {
padding-left: 50px;
}
}
.block-nos_services >.wrapper{
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: calc( 100%);
}
@media (min-width: 1820px) {
.block-nos_services >.wrapper {
max-width: calc( calc( 1820px - 100px));
}
}
.block-nos_services .shape{
background-color: transparent;
background-image: url(//serac-group.com.cn/wp-content/themes/serac/assets/img/form-services.svg) ;
background-repeat: no-repeat;
background-position: calc(50% + 30px) bottom;
background-size: 110% 360px;
position: relative;
width: 100%;
height: 360px;
position: absolute;
bottom: 0;
right: 0;
z-index: 0;
}
.block-nos_services >.wrapper{
padding-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
}
.block-nos_services .content{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.block-nos_services h2{
color: #ffffff;
margin-bottom: 30px;
text-indent: 10px;
font-size: 3.0rem!important;
letter-spacing: 6px;
text-transform: uppercase;
font-weight: 400;
color: #184287;
}
@media (min-width: 768px) {
.block-nos_services h2 {
font-size: 4.8rem!important;
}
}
.block-nos_services h2 b{
display: block;
text-indent: 0px;
}
@media (min-width: 480px){
.block-nos_services h2{ 
font-size: 3.0rem;
letter-spacing: 18px;
text-indent: 30px;
}
@media (min-width: 768px) {
.block-nos_services h2 { 
font-size: 6.0rem;
}
}
}
.block-nos_services .desc{
line-height: 1.4;
width: 100%;
}
.block-nos_services a{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.block-nos_services ul{
display: inline-block;
color: #184287;
-webkit-column-width: 240px!important;
-moz-column-width: 240px!important;
column-width: 240px!important;
}
.block-nos_services ul a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.2;
font-weight: 700;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.block-nos_services ul a:before{
content:"";
display: inline-block;
background:transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
font-size: 18px;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}
.block-nos_services ul a:before{
content:"";
margin-top: 5px;
}
.block-nos_services ul a:hover:before{
width: 25px;
}
.block-nos_services ul li{
margin-bottom: 10px;
width: 100%;
}
@media (min-width: 480px){
.block-nos_services ul{ 
-webkit-column-count: 2; 
-moz-column-count: 2; 
column-count: 2;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
-webkit-column-width: 200px;
-moz-column-width: 200px;
column-width: 200px
}
}
.block-nos_services ul li{
width: 100%;
}
.block-nos_services figure{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin: 0 auto;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: transform;
}
.block-nos_services figure img{
display: block;
max-width: 400px;
}
.block-nos_services figure figcaption{
display: none;
}
@media (min-width: 480px){ 
.block-nos_services ul{
-webkit-column-gap: 25px;
-moz-column-gap: 25px;
column-gap: 25px;
}
.block-nos_services a{
max-width: 240px;
}
}
@media (min-width: 768px){
.block-nos_services .shape{
background-position: calc(50% + 30px) bottom;
background-size: 80% 450px;
height: 450px;
}
}
@media (max-width: 1023px){
.block-nos_services h2{
margin-bottom: 15px;
}
.block-nos_services .content{
margin-bottom: 35px;
}
.block-nos_services .desc{
margin-bottom: 25px;
}
}
@media (min-width: 1024px){
.block-nos_services h2{
margin-bottom: 25px;
}
.block-nos_services .shape{
background-size: 780px 130%;
background-position: calc( 50% + 300px)  bottom;
height: 100%;
}
.block-nos_services >.wrapper{
padding-top: 120px;
padding-bottom: 120px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
background-position: right 50px  bottom;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.block-nos_services .content{
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  ); }
@media (min-width: 1024px) {
.block-nos_services .content {
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.block-nos_services .content {
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media (min-width: 480px) and (max-width: 767px) {
.block-nos_services .content {
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media  (max-width: 479px) {
.block-nos_services .content {
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media (min-width: 1820px) {
.block-nos_services .content {
width: calc( 6 * ( (calc( 1820px - 100px) / 12 ) + (50px / 12) ) - 50px  );
}
}
.block-nos_services figure{
position: absolute;
right: 0;
bottom: 0;
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
@media (min-width: 1024px) {
.block-nos_services figure {
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.block-nos_services figure {
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media (min-width: 480px) and (max-width: 767px) {
.block-nos_services figure {
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media  (max-width: 479px) {
.block-nos_services figure {
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media (min-width: 1820px) {
.block-nos_services figure {
width: calc( 6 * ( (calc( 1820px - 100px) / 12 ) + (50px / 12) ) - 50px  );
}
}
.block-nos_services figure img{
-webkit-transform: translate(50px,0);
transform: translate(50px,0);
max-width: none;
}
@media (min-width: 1024px) {
.block-nos_services figure img {
-webkit-transform: translate(50px,0);
transform: translate(50px,0);
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.block-nos_services figure img {
-webkit-transform: translate(50px,0);
transform: translate(50px,0);
}
}
@media (min-width: 480px) and (max-width: 767px) {
.block-nos_services figure img {
-webkit-transform: translate(50px,0);
transform: translate(50px,0);
}
}
@media  (max-width: 479px) {
.block-nos_services figure img {
-webkit-transform: translate(50px,0);
transform: translate(50px,0);
}
}
.block-nos_services figure figcaption{
position: absolute;
right: calc(100% - 50px);
bottom: 14px;
padding: 20px;
width: 200px;
text-align: right;
display: block;
}
@media (min-width: 1024px) {
.block-nos_services figure figcaption {
right: calc(100% - 50px);
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.block-nos_services figure figcaption {
right: calc(100% - 50px);
}
}
@media (min-width: 480px) and (max-width: 767px) {
.block-nos_services figure figcaption {
right: calc(100% - 50px);
}
}
@media  (max-width: 479px) {
.block-nos_services figure figcaption {
right: calc(100% - 50px);
}
}
.block-nos_services .desc{
margin-bottom: 45px;
}
}
@media (min-width: 1170px){
.block-nos_services .content{
padding-top: 100px;
padding-bottom: 100px;
}
}.block-nos_solutions{
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #162338;
color: #ffffff;
padding-top: 20px;
padding-bottom: 40px;
text-align: center;
margin-bottom: 0;
position: relative;
}@media (min-width: 768px) {
.block-nos_solutions {
padding-right: 50px;
}
}@media (min-width: 768px) {
.block-nos_solutions {
padding-left: 50px;
}
}.block-nos_solutions >.wrapper{
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: calc( 100%);
}@media (min-width: 1820px) {
.block-nos_solutions >.wrapper {
max-width: calc( calc( 1820px - 100px));
}
}.block-nos_solutions h2{
color: #ffffff;
margin-bottom: 30px;
text-indent: 10px;
font-size: 3.0rem!important;
letter-spacing: 6px;
text-transform: uppercase;
font-weight: 400;
}@media (min-width: 768px) {
.block-nos_solutions h2 {
font-size: 4.8rem!important;
}
}.block-nos_solutions h2 b{
display: block;
text-indent: 0px;
}@media (min-width: 480px){.block-nos_solutions h2{ 
font-size: 3.0rem;
letter-spacing: 18px;
text-indent: 30px
}@media (min-width: 768px) {
.block-nos_solutions h2 { 
font-size: 6.0rem;
}
}
}.block-nos_solutions h2 b{
text-indent: inherit;
}.block-nos_solutions .desc{
max-width: 500px;
display: block;
margin: 0 auto 20px;
line-height: 1.4;
}.block-nos_solutions .list-solutions{
display : -webkit-box;
display : -ms-flexbox;
display : flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 2.0rem;
line-height: 1.2;
}@media (min-width: 768px) {
.block-nos_solutions .list-solutions {
font-size: 2.2rem;
}
}.block-nos_solutions .list-solutions a{
display: block;
}.block-nos_solutions .list-solutions a:before{
content:"";
display: block;
margin-bottom: 20px;
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0; 
background-size: auto 100%;
}.block-nos_solutions .list-solutions a[data-sprite="fabrication-sprite"]:before{
background-image: url(//serac-group.com.cn/wp-content/themes/serac/assets/img/srite/fabrication-sprite.png);
}.block-nos_solutions .list-solutions a[data-sprite="remplissage-sprite"]:before{
background-image: url(//serac-group.com.cn/wp-content/themes/serac/assets/img/srite/remplissage-sprite.png);
}.block-nos_solutions .list-solutions a[data-sprite="dosage-sprite"]:before{
background-image: url(//serac-group.com.cn/wp-content/themes/serac/assets/img/srite/dosage-sprite.png);
}.block-nos_solutions .list-solutions a[data-sprite="multi-fonctions-sprite"]:before{
background-image: url(//serac-group.com.cn/wp-content/themes/serac/assets/img/srite/multi-fonctions-sprite.png);
}@media (max-width: 767px){
.block-nos_solutions .list-solutions li{
width: 140px;
}
.block-nos_solutions .list-solutions a{
width: 140px;
}
.block-nos_solutions .list-solutions a:before{
width: 140px;
height: 140px;
}
}@media (min-width: 768px){.block-nos_solutions{
padding-top: 80px;
padding-bottom: 180px
}
.block-nos_solutions .list-solutions li{
margin: 10px 40px 10px;
width: 200px;
}
.block-nos_solutions .list-solutions a{
width: 200px;
}
.block-nos_solutions .list-solutions a:before{
width: 200px;
height: 200px;
}
.block-nos_solutions .list-solutions a.stop:before{
-webkit-animation-iteration-count: 1!important;
animation-iteration-count: 1!important;
}
.block-nos_solutions .list-solutions a.play[data-sprite="fabrication-sprite"]:before{
-webkit-animation: fabrication-sprite 3.16s steps(79) infinite;
animation: fabrication-sprite 3.16s steps(79) infinite;
}
.block-nos_solutions .list-solutions a.play[data-sprite="remplissage-sprite"]:before{
-webkit-animation: remplissage-sprite 3.96s steps(99) infinite;
animation: remplissage-sprite 3.96s steps(99) infinite;
}
.block-nos_solutions .list-solutions a.play[data-sprite="dosage-sprite"]:before{
-webkit-animation: dosage-sprite 3.25s steps(82) infinite;
animation: dosage-sprite 3.25s steps(82) infinite;
}
.block-nos_solutions .list-solutions a.play[data-sprite="multi-fonctions-sprite"]:before{
-webkit-animation: multi-fonctions-sprite 6.44s steps(161) infinite;
animation: multi-fonctions-sprite 6.44s steps(161) infinite;
}
} @-webkit-keyframes fabrication-sprite{
100% { 
background-position: -15800px; 
}
}
@keyframes fabrication-sprite{
100% { 
background-position: -15800px; 
}
} @-webkit-keyframes remplissage-sprite{
100% { 
background-position: -19800px; 
}
}
@keyframes remplissage-sprite{
100% { 
background-position: -19800px; 
}
} @-webkit-keyframes dosage-sprite{
100% { 
background-position: -16400px; 
}
}
@keyframes dosage-sprite{
100% { 
background-position: -16400px; 
}
} @-webkit-keyframes multi-fonctions-sprite{
100% { 
background-position: -32200px; 
}
}
@keyframes multi-fonctions-sprite{
100% { 
background-position: -32200px; 
}
}.block-paragraphs{
margin-left: calc( -20px/2 );
margin-right: calc( -20px/2 );
}@media (min-width: 1024px) {
.block-paragraphs {
margin-right: calc( -50px/2 );
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-paragraphs {
margin-right: calc( -30px/2 );
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-paragraphs {
margin-right: calc( -20px/2 );
}
}@media  (max-width: 479px) {
.block-paragraphs {
margin-right: calc( -20px/2 );
}
}@media (min-width: 1024px) {
.block-paragraphs {
margin-left: calc( -50px/2 );
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-paragraphs {
margin-left: calc( -30px/2 );
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-paragraphs {
margin-left: calc( -20px/2 );
}
}@media  (max-width: 479px) {
.block-paragraphs {
margin-left: calc( -20px/2 );
}
}.block-paragraphs >.wrapper{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -20px;
}@media (min-width: 1024px) {
.block-paragraphs >.wrapper {
margin-bottom: -50px;
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-paragraphs >.wrapper {
margin-bottom: -30px;
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-paragraphs >.wrapper {
margin-bottom: -20px;
}
}@media  (max-width: 479px) {
.block-paragraphs >.wrapper {
margin-bottom: -20px;
}
}.block-paragraphs >.wrapper >*{
-webkit-box-flex: 1;
-ms-flex: 1 1 320px;
flex: 1 1 320px;
padding: 0 calc(20px/2);
margin-bottom: 20px;
}@media (min-width: 1024px) {
.block-paragraphs >.wrapper >* {
margin-bottom: 50px;
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-paragraphs >.wrapper >* {
margin-bottom: 30px;
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-paragraphs >.wrapper >* {
margin-bottom: 20px;
}
}@media  (max-width: 479px) {
.block-paragraphs >.wrapper >* {
margin-bottom: 20px;
}
}@media (min-width: 1024px) {
.block-paragraphs >.wrapper >* {
padding: 0 calc(50px/2);
}
}@media  (min-width: 768px) and (max-width: 1023px) {
.block-paragraphs >.wrapper >* {
padding: 0 calc(30px/2);
}
}@media (min-width: 480px) and (max-width: 767px) {
.block-paragraphs >.wrapper >* {
padding: 0 calc(20px/2);
}
}@media  (max-width: 479px) {
.block-paragraphs >.wrapper >* {
padding: 0 calc(20px/2);
}
}@media (max-width: 767px){
.block-paragraphs >.wrapper{
margin-bottom: 0;
}
.block-paragraphs >.wrapper >*:nth-last-child(1){
margin-bottom: 0;
}
}.block-slider-homepage{
height: calc(100vh - 56px);
position: relative;
}.block-slider-homepage .slider{
height: 100%;
}.block-slider-homepage .item{
padding: 50px;
height: 100%;
}.block-slider-homepage .content{
position: relative;
z-index: 1;
color: #fff;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 80px;
}.block-slider-homepage .tag{
height: 45px;
margin-bottom: 30px;
-webkit-box-flex: 0;
-ms-flex: 0 0 45px;
flex: 0 0 45px;
}.block-slider-homepage h1{
font-size: 3.0rem;
margin-bottom: 18px;
line-height: 1.1;
}@media (min-width: 768px) {
.block-slider-homepage h1 {
font-size: 4.8rem;
}
}.block-slider-homepage .desc{
line-height: 1.3;
font-size: 2rem;
}.block-slider-homepage .cta{
margin-top: 30px;
position: relative;
height: 50px;
padding: 0 25px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #184287;
font-weight: 700;
-webkit-box-shadow:inset 0px 0px 0px 1px #DC8633;
box-shadow:inset 0px 0px 0px 1px #DC8633;
-webkit-transition: -webkit-box-shadow .25s ease;
transition: -webkit-box-shadow .25s ease;
transition: box-shadow .25s ease;
transition: box-shadow .25s ease, -webkit-box-shadow .25s ease;
color: #fff;
min-height: 50px;
cursor: pointer;
}.block-slider-homepage .cta:before{
content:"";
display: inline-block;
background:transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
font-size: 18px;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}.block-slider-homepage .cta:hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}.block-slider-homepage .cta.hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}.block-slider-homepage .cta:hover:before,.block-slider-homepage .cta.hover:before{
width: 25px;
}.block-slider-homepage .bg{
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
}.block-slider-homepage .bg:after{
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #0E254E;
opacity: .6;
}.block-slider-homepage .bottom{
position: absolute;
z-index: 3;
bottom: -1px;
right: 0;
height: 125px;
pointer-events: none;
}.block-slider-homepage img{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}.block-slider-homepage video{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}@media (min-width: 768px){
.block-slider-homepage .bottom{
height: 180px;
}
}@media (max-width: 1023px){
.block-slider-homepage .svg-logo{
-webkit-transform: scale(1.2) translate(15px,-20px);
transform: scale(1.2) translate(15px,-20px);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.block-slider-homepage .swiper-prev, .block-slider-homepage .swiper-next{
display: none!important;
}
}@media (max-width: 767px){
.block-slider-homepage h1{
font-size: 2.6rem;
}
.block-slider-homepage .desc {
font-size: 1.8rem;
}
}@media (min-width: 1024px){.block-slider-homepage{
height: calc(100vh - 80px)
}
.block-slider-homepage .bottom{
height: 260px;
}
.block-slider-homepage .item{
padding: 80px 28% 80px calc(calc( ( 100% / (12 / 1)) + 50px / (12 / 1)) + 50px);
}
@media (min-width: 1024px) {
.block-slider-homepage .item {
padding: 80px 28% 80px calc(calc( ( 100% / (12 / 1)) + 50px / (12 / 1)) + 50px);
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.block-slider-homepage .item {
padding: 80px 28% 80px calc(calc( ( 100% / (12 / 1)) + 50px / (12 / 1)) + 50px);
}
}
@media (min-width: 480px) and (max-width: 767px) {
.block-slider-homepage .item {
padding: 80px 28% 80px calc(calc( ( 100% / (12 / 1)) + 50px / (12 / 1)) + 50px);
}
}
@media  (max-width: 479px) {
.block-slider-homepage .item {
padding: 80px 28% 80px calc(calc( ( 100% / (12 / 1)) + 50px / (12 / 1)) + 50px);
}
}
@media (min-width: 1820px) {
.block-slider-homepage .item {
padding: 80px 28% 80px calc(calc( ( calc( 1820px - 100px) / (12 / 1)) + 50px / (12 / 1)) + 50px);
}
}
.block-slider-homepage .content{
padding-bottom: 180px;
}
}.block-tous_nos_services{
background: #222D3F;
background: linear-gradient(35deg, #222D3F 0%,#5C626C 100%);
color: #ffffff;
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}@media (min-width: 768px) {
.block-tous_nos_services {
padding-right: 50px;
}
}@media (min-width: 768px) {
.block-tous_nos_services {
padding-left: 50px;
}
}.block-tous_nos_services >.wrapper{
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: calc( 100%);
}@media (min-width: 1820px) {
.block-tous_nos_services >.wrapper {
max-width: calc( calc( 1820px - 100px));
}
}.block-tous_nos_services >.wrapper{
padding-top: 30px;
padding-bottom: 30px;
}.block-tous_nos_services h2{
font-size: 2.4rem;
color: #ffffff;
margin-bottom: 20px;
}@media (min-width: 768px) {
.block-tous_nos_services h2 {
font-size: 3.6rem;
}
}.block-tous_nos_services .text{
margin-bottom: 25px;
}.block-tous_nos_services ul{
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-webkit-column-width: 200px;
-moz-column-width: 200px;
column-width: 200px;
}.block-tous_nos_services li{
margin-bottom: 15px;
width: 100%;
}.block-tous_nos_services a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.2;
font-weight: 700;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}.block-tous_nos_services a:before{
content:"";
display: inline-block;
background:transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
font-size: 18px;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}.block-tous_nos_services a:before{
content:"";
margin-top: 5px;
}.block-tous_nos_services a:hover:before{
width: 25px;
}@media (min-width: 768px){
.block-tous_nos_services >.wrapper{
padding-top: 80px;
padding-bottom: 80px;
}
}@media (max-width: 1023px){.breadcrumb{
display: none
}
}@media (min-width: 1024px){.breadcrumb{
margin-bottom: -43px;
color: #fff;
position: relative;
z-index: 10;
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}@media (min-width: 768px) {
.breadcrumb {
padding-right: 50px;
}
}@media (min-width: 768px) {
.breadcrumb {
padding-left: 50px;
}
}
.breadcrumb >.wrapper{
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: calc( 100%);
}
@media (min-width: 1820px) {
.breadcrumb >.wrapper {
max-width: calc( calc( 1820px - 100px));
}
}
.breadcrumb .wrapper ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end; 
height: 43px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.breadcrumb .wrapper li ~ li {
margin-left: 10px;
}
.breadcrumb .wrapper li ~ li:before{
content: ">";
margin-right: 8px;
}
}
.card-actu{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
position: relative;
-webkit-box-shadow: 0px 2px 24px 0px rgba(0,0,0,0.24);
box-shadow: 0px 2px 24px 0px rgba(0,0,0,0.24);
background: #fff;
cursor: pointer;
}
.card-actu .tag{
position: absolute;
z-index: 1;
top: 0;
left: 0;
margin-bottom: 30px;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.card-actu figure{
position: relative;
} .card-actu figure:after{
content:"";
position: absolute;
background: transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/card-triangle.svg) no-repeat 0 0;
background-size: 100% 25px;
width: 100%;
height: 25px;
display: block;
bottom: -1px;
}
.card-actu .content{
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 25px;
}
.card-actu .content >a{
position: relative;
height: 50px;
padding: 0 25px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #184287;
font-weight: 700;
-webkit-box-shadow:inset 0px 0px 0px 1px #DC8633;
box-shadow:inset 0px 0px 0px 1px #DC8633;
-webkit-transition: -webkit-box-shadow .25s ease;
transition: -webkit-box-shadow .25s ease;
transition: box-shadow .25s ease;
transition: box-shadow .25s ease, -webkit-box-shadow .25s ease;
margin-top: auto;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
}
.card-actu .content >a:before{
content:"";
display: inline-block;
background:transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
font-size: 18px;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}
.card-actu .content >a:hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}
.card-actu .content >a.hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}
.card-actu .content >a:hover:before,.card-actu .content >a.hover:before{
width: 25px;
}
.card-actu h3{
font-size: 1.8rem;
color: #184287;
margin-bottom: 20px;
line-height: 1.2;
}
.card-actu h2{
font-size: 1.8rem;
color: #184287;
margin-bottom: 20px;
line-height: 1.2;
}
.card-actu .text{
line-height: 1.4;
margin-bottom: 20px;
}
.card-actu time{
margin-bottom: 15px;
}
.card-actu img{
width: 100%;
height: 100%;
display: block;
margin: 0;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px){
.card-actu.small{
background: undefined;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-shadow: 0px 2px 16px 0px rgba(0,0,0,0);
box-shadow: 0px 2px 16px 0px rgba(0,0,0,0);
font-size: 1.4rem;
}
.card-actu.small h2{
margin: 0;
font-size: 1.7rem;
line-height: 1;
}
.card-actu.small figure{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.card-actu.small figure:after{
background-size: 100% 15px;
height: 15px;
}
.card-actu.small time{
margin-bottom: 5px;
font-size: 1.3rem;
}
.card-actu.small .cta{
display: none;
}
.card-actu.small .tag{
display: none;
}
.card-actu.small .text{
display: none;
}
.card-actu.small .content{
background: #ffffff;
-webkit-box-shadow: -5px 0px 36px 0px rgba(0,0,0,0.15);
box-shadow: -5px 0px 36px 0px rgba(0,0,0,0.15);
padding: 18px;
width: 60%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.card-actu.small .content a{
font-size: 1.45rem;
line-height: .8;
}
}
@media (min-width: 768px){
.card-actu{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media (min-width: 1024px){
.card-actu.big{
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.card-actu.big img{
width: 100%;
height: 100%;
}
.card-actu.big figure{
width: 50%;
}
.card-actu.big figure:after{
background-size:25px 100%;
width: 25px;
height: 100%;
bottom: 0;
right: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.card-actu.big .content{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 50%;
}
.card-actu.big .content >a{
margin-top: 0;
}
}.card-machine{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
position: relative;
-webkit-box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.34);
box-shadow: 0px 2px 16px 0px rgba(0,0,0,0.34);
background: #fff;
cursor: pointer;
}.card-machine .tag{
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 45px;
padding: 0 25px 0 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
overflow: hidden;
background: transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/card-tag-machine.svg) no-repeat  right 0;
background-size: 100% 100%;
color: white;
}.card-machine figure{
position: relative; background: transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/bg-card-machine.jpg) no-repeat 0 0;
background-size: 100%;
}.card-machine figure:after{
content:"";
position: absolute;
background: transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/card-machine-triangle.svg) no-repeat 0 0;
background-size: 100% 25px;
width: 100%;
height: 25px;
display: block;
bottom: 0;
}.card-machine .content{
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 25px;
}.card-machine .content >a{
position: relative;
height: 50px;
padding: 0 25px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #184287;
font-weight: 700;
-webkit-box-shadow:inset 0px 0px 0px 1px #DC8633;
box-shadow:inset 0px 0px 0px 1px #DC8633;
-webkit-transition: -webkit-box-shadow .25s ease;
transition: -webkit-box-shadow .25s ease;
transition: box-shadow .25s ease;
transition: box-shadow .25s ease, -webkit-box-shadow .25s ease;
margin-top: auto;
}.card-machine .content >a:before{
content:"";
display: inline-block;
background:transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
font-size: 18px;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}.card-machine .content >a:hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}.card-machine .content >a.hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}.card-machine .content >a:hover:before,.card-machine .content >a.hover:before{
width: 25px;
}.card-machine img{
width: 100%;
display: block;
margin: 0;
}.card-machine h3{
font-size: 2.0rem;
color: #184287;
line-height: 1.2;
margin-bottom: 20px;
font-weight: 600;
}@media (min-width: 768px) {
.card-machine h3 {
font-size: 2.2rem;
}
}.card-machine .text, .card-machine .fonction{
line-height: 1.4;
margin-bottom: 20px;
}.card-result{
height: 100%;
border-bottom: 1px solid #D9D9D6;
padding-bottom: 30px;
}.card-result h3{
font-size: 2.0rem;
color: #184287;
line-height: 1.2;
margin-bottom: 10px;
}@media (min-width: 768px) {
.card-result h3 {
font-size: 2.2rem;
}
}.card-result .text{
margin-bottom: 10px;
line-height: 1.4;
}.card-result >a{
position: relative;
height: 50px;
padding: 0 25px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #184287;
font-weight: 700;
-webkit-box-shadow:inset 0px 0px 0px 1px #DC8633;
box-shadow:inset 0px 0px 0px 1px #DC8633;
-webkit-transition: -webkit-box-shadow .25s ease;
transition: -webkit-box-shadow .25s ease;
transition: box-shadow .25s ease;
transition: box-shadow .25s ease, -webkit-box-shadow .25s ease;
}.card-result >a:before{
content:"";
display: inline-block;
background:transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
font-size: 18px;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}.card-result >a:hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}.card-result >a.hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}.card-result >a:hover:before,.card-result >a.hover:before{
width: 25px;
}
.card-secteur{
height: 100%;
}
.card-secteur .content{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 25px;
}
.card-secteur .content >a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.2;
font-weight: 700;
color: #184287;
}
.card-secteur .content >a:before{
content:"";
display: inline-block;
background:transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
font-size: 18px;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}
.card-secteur .content >a:before{
content:"";
margin-top: 5px;
}
.card-secteur .content >a:hover:before{
width: 25px;
}
.card-secteur img{
display: block;
margin: 0;
}
.card-secteur h3{
font-size: 2.0rem;
color: #184287;
line-height: 1.2;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.card-secteur h3 {
font-size: 2.2rem;
}
}
.card-secteur p{
line-height: 1.4;
margin-bottom: 15px;
}
@media (max-width: 479px){
.card-secteur img{
max-width: 100px;
}
}
@media (max-width: 767px){
.card-secteur .content{
padding: 25px 0;
}
}
@media (min-width: 1024px){
.card-secteur{
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.grecaptcha-badge {
opacity: 0 !important;
pointer-events: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.cookies{ 
position: fixed;
width: 100%;
background-color: #184287;
background: -webkit-gradient(linear,  left top, left bottom,  from(#41629e),to(#22488e));
background: linear-gradient(to bottom,  #41629e 0%,#22488e 100%); color: white;
bottom: 0;
left: 0;
padding-top: 30px;
padding-bottom: 30px;
z-index: 1500;
line-height: 1.4;
display: none;
}
.cookies.display{
display: block;
}
.cookies .wrapper{
max-width: none;
}
.cookies .content{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-bottom: 20px;
}
.cookies .text{
font-weight: 300;
}
.cookies .action{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto ;
flex: 0 1 auto ;
}
.cookies .action > *{
margin-left: 20px;
}
.cookies .action a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.2;
font-weight: 700;
}
.cookies .action a:before{
content:"";
display: inline-block;
background:transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
font-size: 18px;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}
.cookies .action a:before{
content:"";
margin-top: 5px;
}
.cookies .action a:hover:before{
width: 25px;
}
.cookies .action button{
position: relative;
height: 50px;
padding: 0 25px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #184287;
font-weight: 700;
-webkit-box-shadow:inset 0px 0px 0px 1px #DC8633;
box-shadow:inset 0px 0px 0px 1px #DC8633;
-webkit-transition: -webkit-box-shadow .25s ease;
transition: -webkit-box-shadow .25s ease;
transition: box-shadow .25s ease;
transition: box-shadow .25s ease, -webkit-box-shadow .25s ease;
color: #ffffff;
}
.cookies .action button:before{
content:"";
display: inline-block;
background:transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
font-size: 18px;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}
.cookies .action button:hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}
.cookies .action button.hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}
.cookies .action button:hover:before,.cookies .action button.hover:before{
width: 25px;
}
@media (min-width: 768px){
.cookies .wrapper{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cookies .content{
padding-right: 10%;
margin-bottom: 0;
}
.cookies .action{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media (min-width: 1024px){
.cookies .content{
padding-right: 20%;
}
}
footer[role="contentinfo"]{
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
line-height: 1.5;
background: #184287;
background: -webkit-gradient(linear,  left top, left bottom,  from(#41629e),to(#22488e));
background: linear-gradient(to bottom,  #41629e 0%,#22488e 100%); position: relative;
}
@media (min-width: 768px) {
footer[role="contentinfo"] {
padding-right: 50px;
}
}
@media (min-width: 768px) {
footer[role="contentinfo"] {
padding-left: 50px;
}
}
footer[role="contentinfo"] >.wrapper{
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: calc( 100%);
}
@media (min-width: 1820px) {
footer[role="contentinfo"] >.wrapper {
max-width: calc( calc( 1820px - 100px));
}
}
footer[role="contentinfo"] .wrapper{
color: #ffffff;
}
footer[role="contentinfo"] h3{
font-size: 1.8rem;
margin-bottom: 10px;
width: 100%;
font-weight: 800;
}
footer[role="contentinfo"] h4{
font-weight: 800;
}
footer[role="contentinfo"] .part{
padding-top: 30px;
padding-bottom: 30px;
}
footer[role="contentinfo"] .part ~ .part{
border-top: 1px solid rgba(255,255,255,.3);	
}
footer[role="contentinfo"] a{
text-decoration: none;
}
footer[role="contentinfo"] a:hover{
font-weight: 800;
}
footer[role="contentinfo"] small{
font-size: 1.3rem;
opacity: .6;
}
@media (min-width: 768px) {
footer[role="contentinfo"] small {
font-size: 1.4rem;
}
}
footer[role="contentinfo"] .main{
padding-top: 20px;
padding-bottom: 20px;
}
footer[role="contentinfo"] .list-page{
width: 100%;
text-align: center;
}
footer[role="contentinfo"] .list-page a:hover{
font-weight: 400;
}
footer[role="contentinfo"] .list-page li{
display: inline-block;
}
footer[role="contentinfo"] .list-page li:not(:last-child){
margin-right: 20px;
}
footer[role="contentinfo"] .list-social{
opacity: .8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
footer[role="contentinfo"] .list-social li{
margin: 0 6px;
display: inline-block;
}
footer[role="contentinfo"] .list-social ul{
height: 30px;
}
footer[role="contentinfo"] .list-social a{
display: block;
width: 30px;
height: 30px;
overflow: hidden;
border: 2px solid #ffffff;
border-radius: 50%;
font-size: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
footer[role="contentinfo"] .list-social a:before{
content:"\e907";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: inline-block;
}
footer[role="contentinfo"] .list-social a.twitter:before{
content:"\e90b";
}
footer[role="contentinfo"] .list-social a.linkedin:before{
content:"\e907";
}
footer[role="contentinfo"] .list-social a.youtube:before{
content:"\e90c";
}
footer[role="contentinfo"] .products a{
opacity: .6;
}
footer[role="contentinfo"] .list-result .text{
opacity: .6;
margin-bottom: 10px;
}
footer[role="contentinfo"] .list-result a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.2;
font-weight: 700;
}
footer[role="contentinfo"] .list-result a:before{
content:"";
display: inline-block;
background:transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
font-size: 18px;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}
footer[role="contentinfo"] .list-result a:before{
content:"";
margin-top: 5px;
}
footer[role="contentinfo"] .list-result a:hover:before{
width: 25px;
}
footer[role="contentinfo"] .list-result li{
width: 100%;
}
footer[role="contentinfo"] .list-result li:not(:last-child){
margin-bottom: 30px;
}
@media (max-width: 479px){
footer[role="contentinfo"] .main{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
footer[role="contentinfo"] .main >*:not(:nth-last-child(1)){
margin-bottom: 10px;
}
footer[role="contentinfo"] .list-social{
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
footer[role="contentinfo"] .list-page{
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
footer[role="contentinfo"] small{
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
footer[role="contentinfo"] .products >*:not(:last-of-type){
margin-bottom: 15px;
}
}
@media (min-width: 480px){
footer[role="contentinfo"] h3{
margin-bottom: 20px;
}	
footer[role="contentinfo"] h4{
margin-bottom: 15px;
}
footer[role="contentinfo"] .part{
padding-top: 40px;
padding-bottom: 40px;
}
footer[role="contentinfo"] .products{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
footer[role="contentinfo"] .products .products-secteurs{
width: calc( 8 * ( (100% / 12 ) + (20px / 12) ) - 20px  );
padding-right: calc( 1 * 20px);
}
@media (min-width: 1024px) {
footer[role="contentinfo"] .products .products-secteurs {
padding-right: calc( 1 * 50px);
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
footer[role="contentinfo"] .products .products-secteurs {
padding-right: calc( 1 * 30px);
}
}
@media (min-width: 480px) and (max-width: 767px) {
footer[role="contentinfo"] .products .products-secteurs {
padding-right: calc( 1 * 20px);
}
}
@media  (max-width: 479px) {
footer[role="contentinfo"] .products .products-secteurs {
padding-right: calc( 1 * 20px);
}
}
@media (min-width: 1024px) {
footer[role="contentinfo"] .products .products-secteurs {
width: calc( 8 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
footer[role="contentinfo"] .products .products-secteurs {
width: calc( 8 * ( (100% / 12 ) + (30px / 12) ) - 30px  );
}
}
@media (min-width: 480px) and (max-width: 767px) {
footer[role="contentinfo"] .products .products-secteurs {
width: calc( 8 * ( (100% / 12 ) + (20px / 12) ) - 20px  );
}
}
@media  (max-width: 479px) {
footer[role="contentinfo"] .products .products-secteurs {
width: calc( 8 * ( (100% / 12 ) + (20px / 12) ) - 20px  );
}
}
@media (min-width: 1820px) {
footer[role="contentinfo"] .products .products-secteurs {
width: calc( 8 * ( (calc( 1820px - 100px) / 12 ) + (20px / 12) ) - 20px  );
}
}
footer[role="contentinfo"] .products .products-secteurs ul{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
footer[role="contentinfo"] .products .products-secteurs ul li{
display: inline-block;
width: 100%;
}
footer[role="contentinfo"] .products .products-secteurs ul li a{
display: block;
}
footer[role="contentinfo"] .products .products-fonctions{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding-left: 15px;
}
footer[role="contentinfo"] .products .products-fonctions ul{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
footer[role="contentinfo"] .list-result{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
footer[role="contentinfo"] .main{
padding-top: 20px;
padding-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 480px) and (max-width: 767px){
footer[role="contentinfo"] .list-result li:not(:last-child){
width: 100%;
}
}
@media (min-width: 768px){
footer[role="contentinfo"] .list-page{
width: auto;
text-align: left;
}
footer[role="contentinfo"] .products .products-secteurs ul{
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
footer[role="contentinfo"] .products .products-fonctions ul{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media (max-width: 1023px){
footer[role="contentinfo"] .list-result li:not(:last-child){
display: none;
}
}
@media (min-width: 1024px){
footer[role="contentinfo"] .list-result li{ width: calc( 33.3333% - 50px);
}
@media (min-width: 1024px) {
footer[role="contentinfo"] .list-result li {
width: calc( 33.3333% - 50px);
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
footer[role="contentinfo"] .list-result li {
width: calc( 33.3333% - 50px);
}
}
@media (min-width: 480px) and (max-width: 767px) {
footer[role="contentinfo"] .list-result li {
width: calc( 33.3333% - 50px);
}
}
@media  (max-width: 479px) {
footer[role="contentinfo"] .list-result li {
width: calc( 33.3333% - 50px);
}
}
}
footer[role="contentinfo"] .newsletter-registration{
display: block!important;
} @media (max-width: 767px){
.machine-template-default footer{
margin-bottom: 60px;
}
}
.link-normal{
font-weight: 500!important;
display: inline!important;
text-decoration: underline!important;
}
.link-normal:before{
display: none!important;
}
@-webkit-keyframes scrolled-up{
0%{
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
100%{
-webkit-transform: translateY(100%);
transform: translateY(100%);	
}
}
@keyframes scrolled-up{
0%{
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
100%{
-webkit-transform: translateY(100%);
transform: translateY(100%);	
}
}
@-webkit-keyframes scrolled-down{
0%{
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100%{
-webkit-transform: translateY(0%);
transform: translateY(0%);	
}
}
@keyframes scrolled-down{
0%{
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100%{
-webkit-transform: translateY(0%);
transform: translateY(0%);	
}
}
@-webkit-keyframes visible{
0%{
visibility: hidden;
opacity: 0;
}
100%{
visibility: visible;
opacity: 1;
}
}
@keyframes visible{
0%{
visibility: hidden;
opacity: 0;
}
100%{
visibility: visible;
opacity: 1;
}
}
@-webkit-keyframes hide{
0%{
visibility: visible;
opacity: 1;
}
100%{
visibility: hidden;
opacity: 0;
}
}
@keyframes hide{
0%{
visibility: visible;
opacity: 1;
}
100%{
visibility: hidden;
opacity: 0;
}
}
header[role="banner"]{
background: #ffffff;
z-index: 100;
}
header[role="banner"] >.wrapper{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
header[role="banner"] .link-img:before,
header[role="banner"] .link-img:after{
display: none !important;
}
header[role="banner"] .link-img:hover:before,
header[role="banner"] .link-img:hover:after{
display: none !important;
}
@media (max-width: 479px){
header[role="banner"] >.wrapper:after{
background: #fff!important;
}
}
@media (max-width: 1023px){
header[role="banner"]{
height: 56px
}
header[role="banner"] .mobile-header{
padding-left: 20px;
padding-right: 20px;
height: 56px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 768px) {
header[role="banner"] .mobile-header {
padding-right: 50px;
}
}
@media (min-width: 768px) {
header[role="banner"] .mobile-header {
padding-left: 50px;
}
}
header[role="banner"] .logo{
height: 36px;
}
header[role="banner"] .logo img{
height: 100%;
}
header[role="banner"] .btn-nav{
color: #DC8633;
margin-left: auto;
height: 20px;
width: 20px;
line-height: 20px;
font-size: 20px;
}
header[role="banner"] .btn-nav:before{
content:"\e903";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
header[role="banner"] >.wrapper{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}	
header[role="banner"] >.wrapper:after{
content:"";
display: block;
position: absolute;
top: 56px;
left: 0;
background: rgba(0,0,0,0.5);
width: 100%;
height: 0;
z-index: 10;
opacity: 0;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
}
header[role="banner"] .panel{
width: 100%;
max-width: 480px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
position: absolute;
height: calc( 100% - 56px );
background: #fff;
z-index: 100;
top: 56px;
right: 100%;
}
header[role="banner"] .search{
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
padding-top: 5px;
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
}
@media (min-width: 768px) {
header[role="banner"] .search {
padding-right: 50px;
}
}
@media (min-width: 768px) {
header[role="banner"] .search {
padding-left: 50px;
}
}
header[role="banner"] .search fieldset{
height: 42px;
border: 1px solid #DC8633;
width: 100%;
position: relative;
}
header[role="banner"] .search input[type="text"]{
width: 100%;
height: 100%;
border: none;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0 42px 0 20px;
font-size: 1.4rem;
}
@media (min-width: 768px) {
header[role="banner"] .search input[type="text"] {
font-size: 1.5rem;
}
}
header[role="banner"] .search button[type="button"]{
display: none;
}
header[role="banner"] .search [type="submit"]{
width: 42px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border: 0;
color: #DC8633;
font-size: 18px;
}
header[role="banner"] .search [type="submit"]:before{
content:"\e90a";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
header[role="banner"] .select-lang{
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-left: 20px;
padding-right: 20px;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 56px;
flex: 0 0 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 768px) {
header[role="banner"] .select-lang {
padding-right: 50px;
}
}
@media (min-width: 768px) {
header[role="banner"] .select-lang {
padding-left: 50px;
}
}
header[role="banner"] .select-lang ul{
height: 42px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
header[role="banner"] .select-lang li{
width: 50%;
border: 1px solid #D9D9D6;
}
header[role="banner"] .select-lang li:last-child{
border-left: 0;
}
header[role="banner"] .select-lang li img{
height: 12px;
}
header[role="banner"] .select-lang li a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}	
header[role="banner"] .select-lang li.active{
background-color: #F2F3F3;
}	
header[role="banner"] .select-lang li:hover{
background-color: #F2F3F3;
}
header[role="banner"] .tools{
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: 100%; -webkit-box-flex: 0;
-ms-flex: 0 0 56px;
flex: 0 0 56px;
background: #DC8633;
}
header[role="banner"] .tools a{
padding-left: 20px;
padding-right: 20px;
width: 100%;
height: 100%;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
font-size:1.5rem;
}
@media (min-width: 768px) {
header[role="banner"] .tools a {
padding-right: 50px;
}
}
@media (min-width: 768px) {
header[role="banner"] .tools a {
padding-left: 50px;
}
}
header[role="banner"] .tools a:not(:last-of-type){
border-bottom: 1px solid  #FFFFFF30;
}
header[role="banner"] .tools a:before{
content:"\e901";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 30px;
margin-right: 10px;
}
header[role="banner"] .tools a.assistance:before{
content:"\e901";
}
header[role="banner"] .tools a.email:before{
content:"\e905";
}
header[role="banner"] .tools a.pieces:before{
content:"\e90f";
}
header[role="banner"].open >.wrapper:after{
content:"";
opacity: 1;
height: 100%;
}
header[role="banner"].open .panel{
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
header[role="banner"].open .btn-nav:before{
content:"\e904";
}
}
@media (min-width: 1024px){
header[role="banner"]{
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: fixed;
left: 0;
width: 100%;
height: 80px
}
@media (min-width: 768px) {
header[role="banner"] {
padding-right: 50px;
}
}
@media (min-width: 768px) {
header[role="banner"] {
padding-left: 50px;
}
}
header[role="banner"] >.wrapper{
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: calc( 100%);
}
@media (min-width: 1820px) {
header[role="banner"] >.wrapper {
max-width: calc( calc( 1820px - 100px));
}
}
header[role="banner"].scrolled.scrolled-up{
-webkit-animation: scrolled-up .2s ease both;
animation: scrolled-up .2s ease both;
}
header[role="banner"].scrolled.scrolled-down{
-webkit-animation: scrolled-down .2s ease both;
animation: scrolled-down .2s ease both;
}
header[role="banner"].scrolled{
position: fixed;
bottom: 100%;
}
header[role="banner"] .search{
margin-right: 20px;
}
header[role="banner"] .search fieldset{
width: 100%;
position: relative;
}
header[role="banner"] .search input[type="text"]{
display: none;
}
header[role="banner"] .search button[type="button"]{
display: block;
width: 15px;
height: 15px;
border: 0;
color: #DC8633;
font-size: 15px;
line-height: 15px;
}
header[role="banner"] .search button[type="button"]:before{
content:"\e90a";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
header[role="banner"] .search button[type="submit"]{
display: none;
}
header[role="banner"] .tools{
display: none;
}
header[role="banner"] .panel{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
header[role="banner"] >.wrapper{
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 80px;
}
header[role="banner"] .btn-nav{
display: none;
margin-left: auto;
}
header[role="banner"] .select-lang{
position: relative;
width: 38px;
height: 32px;
}
header[role="banner"] .select-lang img{
display: block;
margin: 0 auto;
height: 12px;
}
header[role="banner"] .select-lang a{
display: block;
padding: 10px;
}
header[role="banner"] .select-lang ul{
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: -webkit-box-shadow .3s ease;
transition: -webkit-box-shadow .3s ease;
transition: box-shadow .3s ease;
transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
}
header[role="banner"] .select-lang li{
background: #F2F3F3;
-webkit-transition: all .3s ease, height 0s ease .3s;
transition: all .3s ease, height 0s ease .3s;
}
header[role="banner"] .select-lang li.active{
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
background: #fff;
}
header[role="banner"] .select-lang li:not(:last-child){
margin-bottom: 5px;
}
header[role="banner"] .select-lang li:not(:first-child){
visibility: hidden;
opacity: 0;
overflow: hidden;
height: 0;
}
header[role="banner"] .select-lang:hover ul{
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.27);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.27);
}
header[role="banner"] .select-lang:hover ul li:not(:first-child){
-webkit-transition: all .3s ease, height 0s ease 0s;
transition: all .3s ease, height 0s ease 0s;
visibility: visible;
opacity: 1;
height: 32px;
}
}
@-webkit-keyframes ffade{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@keyframes ffade{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@media (max-width: 1023px){
nav[role="navigation"]{
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
overflow-y: auto
}
nav[role="navigation"] .list-level0 > li > a {
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid #D9D9D6;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 768px) {
nav[role="navigation"] .list-level0 > li > a {
padding-right: 50px;
}
}
@media (min-width: 768px) {
nav[role="navigation"] .list-level0 > li > a {
padding-left: 50px;
}
}
nav[role="navigation"] .list-level1 > li > a {
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid #D9D9D6;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 768px) {
nav[role="navigation"] .list-level1 > li > a {
padding-right: 50px;
}
}
@media (min-width: 768px) {
nav[role="navigation"] .list-level1 > li > a {
padding-left: 50px;
}
}
nav[role="navigation"] .list-level2 > li > a {
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid #D9D9D6;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 768px) {
nav[role="navigation"] .list-level2 > li > a {
padding-right: 50px;
}
}
@media (min-width: 768px) {
nav[role="navigation"] .list-level2 > li > a {
padding-left: 50px;
}
}
nav[role="navigation"] .list-level0 > li > a:after{
content: "\e900";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: #DC8633;
}
nav[role="navigation"] .list-level1 > li > a:after{
content: "\e900";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: #DC8633;
}
nav[role="navigation"] .list-level2 > li > a:after{
content: "\e900";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: #DC8633;
}
nav[role="navigation"] .list-level0 > li > a.active ~ .sublevel,nav[role="navigation"] .list-level1 > li > a.active ~ .sublevel,nav[role="navigation"] .list-level2 > li > a.active ~ .sublevel{
-webkit-transform: translateX(0);
transform: translateX(0);
visibility: visible;
}
nav[role="navigation"] .btn-back{
padding-left: 20px;
padding-right: 20px;
background: #F2F3F3;
color: #184287;
width: 100%;
height: 50px;
text-align: left;
}
@media (min-width: 768px) {
nav[role="navigation"] .btn-back {
padding-right: 50px;
}
}
@media (min-width: 768px) {
nav[role="navigation"] .btn-back {
padding-left: 50px;
}
}
nav[role="navigation"] .btn-back:before{
content: "\e90d";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: #DC8633;
margin-right: 10px;
}
nav[role="navigation"] .sublevel{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #ffffff;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: visibility .3s ease, -webkit-transform .3s ease;
transition: visibility .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, visibility .3s ease;
transition: transform .3s ease, visibility .3s ease, -webkit-transform .3s ease;
visibility: hidden;
}
nav[role="navigation"] .sublevel img, nav[role="navigation"] .sublevel .link-img{
display: none;
}
}
@media (min-width: 1024px){
nav[role="navigation"]{
margin-right: auto;
margin-left: 20px;
height: 100%;
font-size: 1.4rem
}
@media (min-width: 768px) {
nav[role="navigation"] {
font-size: 1.5rem;
}
}
nav[role="navigation"] .btn-back{
display: none;
}
nav[role="navigation"] .list-level0{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
nav[role="navigation"] .list-level0 > li > a{
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
letter-spacing: 1px;
-webkit-transition: color .3s ease;
transition: color .3s ease;
padding: 0 17px;
position: relative;
font-size: 1.6rem;
}
nav[role="navigation"] .list-level0 > li > a:after{
content:"";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
-webkit-transition: height .3s ease;
transition: height .3s ease;
background-color: #184287;
height: 0px;
display: block;
}
nav[role="navigation"] .list-level0 > li > a.active{
color: #184287;
}
nav[role="navigation"] .list-level0 li.active >a{
color: #184287;
}
nav[role="navigation"] .list-level0 li:hover >a{
color: #184287;
}
nav[role="navigation"] .list-level0 li.active >a:after,nav[role="navigation"] .list-level0 li:hover >a:after{
height: 4px;
}
nav[role="navigation"] .list-level0.over .sublevel[data-level="1"].active{
-webkit-transition: all 0s ease!important;
transition: all 0s ease!important;
}
nav[role="navigation"] .list-level0.over .sublevel[data-level="1"]{
-webkit-transition: all 0s ease!important;
transition: all 0s ease!important;
}
nav[role="navigation"] .list-level0 > li:hover .list-level1 >li > a.active ~ .sublevel {
visibility: visible;
opacity: 1;
}
nav[role="navigation"] .list-level0 > li:hover .list-level1 >li > a.active ~ .sublevel .wrapper{
visibility: visible;
opacity: 1;
} 
nav[role="navigation"] .list-level1:not(.hasSublevel){
width: 70%;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
nav[role="navigation"] .list-level1:not(.hasSublevel) > li {
margin-bottom: 23px;
width: 100%;
}
nav[role="navigation"] .list-level1:not(.hasSublevel) > li > a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.2;
font-weight: 700;
font-size: 2rem;
font-weight: 400;
display: block;
}
nav[role="navigation"] .list-level1:not(.hasSublevel) > li > a:before{
content:"";
display: inline-block;
background:transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
font-size: 18px;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}
nav[role="navigation"] .list-level1:not(.hasSublevel) > li > a:before{
content:"";
margin-top: 5px;
}
nav[role="navigation"] .list-level1:not(.hasSublevel) > li > a:hover:before{
width: 25px;
}
nav[role="navigation"] .list-level1.hasSublevel{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #D9D9D6;
height: 40px;
}
nav[role="navigation"] .list-level1.hasSublevel > li{
margin-right: 20px;
}
nav[role="navigation"] .list-level1.hasSublevel > li > a{
font-size: 2.5rem;
position: relative;
display: block;
height: 100%;
}
nav[role="navigation"] .list-level1.hasSublevel > li > a:before{
content:"";
display: block;
position: absolute;
bottom: 0;
left: 0;
height: 0px;
width: 100%;
background: #184287;
-webkit-transition: height .3s ease;
transition: height .3s ease;
}
nav[role="navigation"] .list-level1.hasSublevel > li > a:hover{
color: #184287;	
}
nav[role="navigation"] .list-level1.hasSublevel > li > a.active{
color: #184287;	
}
nav[role="navigation"] .list-level1.hasSublevel > li > a:hover:before,nav[role="navigation"] .list-level1.hasSublevel > li > a.active:before{
height: 4px;
}
nav[role="navigation"] .list-level1>li:last-child .list-level2 li{
margin-left: 10px;
margin-right: 10px;
-webkit-box-flex: 0;
-ms-flex: 0 1 250px;
flex: 0 1 250px;
}
nav[role="navigation"] .list-level2{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
nav[role="navigation"] .list-level2 li{
padding: 8px 10px;
text-align: center;
-webkit-box-flex: 0;
-ms-flex: 0 1 180px;
flex: 0 1 180px;
}
nav[role="navigation"] .list-level2 li a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.2;
font-weight: 700;
color: #184287;
}
nav[role="navigation"] .list-level2 li a:before{
content:"";
display: inline-block;
background:transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
font-size: 18px;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}
nav[role="navigation"] .list-level2 li a:before{
content:"";
margin-top: 5px;
}
nav[role="navigation"] .list-level2 li a:hover:before{
width: 25px;
}
nav[role="navigation"] .list-level2 li a.link{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
white-space: nowrap;
}
nav[role="navigation"] .list-level2 li a:hover:before{
width: 15px;
}
nav[role="navigation"] .list-level2 li img{
display: block;
width: auto;
height: 140px;
margin: 0 auto;
margin-bottom: 15px;
}
nav[role="navigation"] .list-level2 li:hover a.link:before{
width: 15px;
}
nav[role="navigation"].inside .sublevel[data-level="1"]{
-webkit-transition: 0s all ease!important;
transition: 0s all ease!important;
}	
nav[role="navigation"] .sublevel[data-level="1"]{
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
left: 0;
top: 80px;
width: 100%;
background-color: #F2F3F3;
min-height: 320px;
height: auto;
opacity: 0;
visibility: hidden;
-webkit-transition: .25s all ease;
transition: .25s all ease;
background-repeat: no-repeat;
background-position: right 0;
background-size: auto 100%;
padding-top: 35px;
padding-bottom: 35px;
}	
@media (min-width: 768px) {
nav[role="navigation"] .sublevel[data-level="1"] {
padding-right: 50px;
}
}	
@media (min-width: 768px) {
nav[role="navigation"] .sublevel[data-level="1"] {
padding-left: 50px;
}
}
nav[role="navigation"] .sublevel[data-level="1"] >.wrapper{
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: calc( 100%);
}
@media (min-width: 1820px) {
nav[role="navigation"] .sublevel[data-level="1"] >.wrapper {
max-width: calc( calc( 1820px - 100px));
}
}
nav[role="navigation"] .sublevel[data-level="1"]:before{
pointer-events: none;
content: "";
position: absolute;
width: 110%;
-webkit-transform: translate(-5%,0);
transform: translate(-5%,0);
height: 40px;
display: block;
position: absolute;
left: 0;
top: 100%;
-webkit-box-shadow: inset 0 10px 10px rgba(0,0,0,0.1);
box-shadow: inset 0 10px 10px rgba(0,0,0,0.1);
z-index: -1;
}
nav[role="navigation"] .sublevel[data-level="1"] >.wrapper{
-webkit-transition: all .25s ease ;
transition: all .25s ease ;
opacity: 0;
height: 100%;
}
nav[role="navigation"] .sublevel[data-level="1"].active, nav[role="navigation"] .sublevel[data-level="1"]:hover{
opacity: 1;
visibility: visible;
}
nav[role="navigation"] .sublevel[data-level="1"].active >.wrapper,nav[role="navigation"] .sublevel[data-level="1"]:hover >.wrapper{
opacity: 1;
}
nav[role="navigation"] .sublevel[data-level="1"] .visu{
position: absolute;
right: 0;
top: 0;
height: 100%;
}
nav[role="navigation"] .sublevel[data-level="1"].blue-light{
background-image: url(//serac-group.com.cn/wp-content/themes/serac/assets/img/nav/path-services.png);
}
nav[role="navigation"] .sublevel[data-level="1"].orange{
background-image: url(//serac-group.com.cn/wp-content/themes/serac/assets/img/nav/path-le_groupe.png);
}
nav[role="navigation"] .sublevel[data-level="1"].blue{
background-image: url(//serac-group.com.cn/wp-content/themes/serac/assets/img/nav/path-nous_contacter.png);
}
nav[role="navigation"] .sublevel[data-level="2"]{
background: #F2F3F3;
position: absolute;
width: 100%;
top: 76px;
left: 0;
padding-top: 25px;
padding-bottom: 25px;
min-height: calc(100% - 81px);
visibility: hidden;
height: auto;
opacity: 0;
-webkit-transition: .25s all ease 0.15s;
transition: .25s all ease 0.15s;
}
nav[role="navigation"] .sublevel[data-level="2"] >.wrapper{
-webkit-transition: all .25s ease 0s ;
transition: all .25s ease 0s ;
opacity: 0;
visibility: hidden;
height: 100%;
}
}
@media (min-width: 1170px){
nav[role="navigation"] .list-level2 li{
padding: 10px 15px;
-webkit-box-flex: 0;
-ms-flex: 0 1 190px;
flex: 0 1 190px;
}
}.object-fit{
position: absolute!important;
left: 50%!important;
top: 50%!important;
width: auto!important; -webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
min-width: 100%!important;
min-height: 100%!important;
}
.item-media h3{
padding: 15px 20px 0px; 
}
.item-media p{
padding: 0px 10px;
}
.item-media a{
text-decoration: none;
}
.item-media .placeholder{
display: block;
position: relative;
}
.item-media .placeholder:before{
content: "";
display: block;
background: rgba(24,66,135,0.4);
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}
.item-media .placeholder:after{
content: "\e909";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: #DC8633;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
font-size: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 30px;
}
.item-media figure img{
width: 100%;
display: block;
margin: 0;
border: 0;
}
.item-media figure figcaption{
width: 100%;
background: #F2F3F3;
font-size: 1.3rem;
padding: 10px 15px;
color: #898A8D;
line-height: 1.1;
text-decoration: none;
}
@media (min-width: 768px) {
.item-media figure figcaption {
font-size: 1.4rem;
}
}    .navtab{
position:  absolute;
background: #184287;
background: -webkit-gradient(linear, left top, right top, from(rgba(34, 72, 142, 100)), to(rgba(64, 98, 158, 100)));
background: linear-gradient(left, rgba(34, 72, 142, 100) 0%, rgba(64, 98, 158, 100) 100%);
color: #ffffff;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: move;
width: 100%;
z-index: 90;
}    .navtab .links{
display: none;
}    .navtab .wrapper{
height: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}    .navtab .content{     
height: 70px;
}    .navtab .content a{
opacity: .8;
}    .navtab .content a.active, .navtab .content a:hover{
opacity: 1;
font-weight: 800;
}    .navtab ul{
padding-left: 20px;
padding-right: 20px;
display: table;
height: 70px;
}    @media (min-width: 768px) {
.navtab ul {
padding-right: 50px;
}
}    @media (min-width: 768px) {
.navtab ul {
padding-left: 50px;
}
}    .navtab ul li{
display: table-cell; 
vertical-align: middle;
height: 100%;
padding: 15px;
white-space: nowrap;
}    .navtab ul li:firdt-child{
padding-left: 0px;
}    .navtab ul li:last-child{
padding-right: 0px;
}    .navtab.touchable .content{
overflow-x: scroll;
}    @media (max-width: 767px){
.navtab:before{
content:"";
width: 30px;
height: 100%;
display: block;
background: #184287;
position: absolute;
z-index: 1;
left: 0;
top:0;
background: -webkit-gradient(linear, left top, left bottom, from(left), color-stop(0%, rgba(34, 72, 142, 100)), to(rgba(34, 72, 142, 0)));
background: linear-gradient(left, rgba(34, 72, 142, 100) 0%, rgba(34, 72, 142, 0) 100%);
pointer-events: none;
}
.navtab:after{
content:"";
width: 30px;
height: 100%;
display: block;
background: #184287;
position: absolute;
z-index: 1;
right: 0;
top:0;
background: -webkit-gradient(linear, left top, right top, from(rgba(64, 98, 158, 0)), to(rgba(64, 98, 158, 100)));
background: linear-gradient(left, rgba(64, 98, 158, 0) 0%, rgba(64, 98, 158, 100) 100%);
pointer-events: none;
}
}    @media (min-width: 768px){    .navtab{
cursor: default
}
.navtab .links{
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.navtab .links a{
background: #DC8633;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 20px;
font-weight: 700;
min-height: 60px;
color: #fff;
}
.navtab .links a:before{
content:"\e906";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
margin-right: 10px;
font-size: 18px;
}
.navtab .links a[target="_blank"]{
background: #162338;
}
.navtab .links a[target="_blank"]:before{
color: #DC8633;
}
}    @media (min-width: 1024px){    .navtab{
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transition: -webkit-transform .2s ease;
transition: -webkit-transform .2s ease;
transition: transform .2s ease;
transition: transform .2s ease, -webkit-transform .2s ease
}
.navtab.display.sticky{
-webkit-transform: translateY(80px);
transform: translateY(80px);
}
}
@media (max-width: 767px){
.mobile-links{
position: fixed;
z-index: 800;
width: 100%;
bottom: 0;
left: 0;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mobile-links a{
background: #DC8633;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 20px;
font-weight: 700;
min-height: 60px;
color: #fff;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.mobile-links a:before{
content:"\e906";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
margin-right: 10px;
font-size: 18px;
}
.mobile-links a[target="_blank"]{
background: #162338;
}
.mobile-links a[target="_blank"]:before{
color: #DC8633;
}
}
@media (min-width: 768px){
.mobile-links{
display: none;
}
}
@media (max-width: 767px){
.ie11 .navtab:before, .ie11 .navtab:after{
display: none;
}
}.newsletter-registration {
padding-bottom: 40px;
}.newsletter-registration .text {
line-height: 1.5;
opacity: 0.7;
margin-bottom: 25px;
}.newsletter-registration form {
width: 100%;
}.newsletter-registration .search {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}.newsletter-registration input {
background: none;
margin: 0;
}.newsletter-registration input[type="email"] {
border: 1px solid rgba(255, 255, 255, 0.4);
height: 50px;
border-right: 0;
padding: 0 20px;
width: calc(100% - 75px);
}.newsletter-registration input[type="email"].error {
border: 1px solid #dc8633;
border-right: none;
}.newsletter-registration .error-msg {
position: absolute;
top: calc(100% + 4px);
left: 0;
color: #dc8633;
display: none;
}.newsletter-registration [type="submit"] {
border: 1px solid #dc8633;
width: 50px;
height: 50px;
font-weight: 800;
font-size: 1.6rem;
color: #fff;
}.newsletter-registration .checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 30px;
position: relative;
}.newsletter-registration .checkbox label {
line-height: 1.4; opacity: 0.7;
font-size: 1.3rem;
}.newsletter-registration .checkbox input[type="checkbox"] {
border: 1px solid rgba(255, 255, 255, 0.4);
height: 20px;
width: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 20px;
flex: 0 0 20px;
margin-right: 10px;
cursor: pointer;
}.newsletter-registration .checkbox input[type="checkbox"]:checked:before {
content: "✓";
font-size: 1.7rem;
color: #fff;
line-height: 1.25;
text-align: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}.newsletter-registration .checkbox input[type="checkbox"].error {
border: 1px solid #dc8633;
}@media (max-width: 767px) {.newsletter-registration {
display: none
}
}@media (min-width: 1024px) {
.newsletter-registration [type="submit"] {
width: 75px;
height: 50px;
}
.newsletter-registration [type="submit"]:before {
content: "";
display: inline-block;
background: transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 9px;
font-size: 18px;
-webkit-transition: width 0.2s ease;
transition: width 0.2s ease;
}
} @media (min-width: 768px) {
.mobile-links {
display: none;
}
}
@media (max-width: 767px) {
.ie11 .navtab:before,
.ie11 .navtab:after {
display: none;
}
}
@-webkit-keyframes quickMessage-show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes quickMessage-show {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes quickMessage-hide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes quickMessage-hide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.quickMessage {
position: fixed;
z-index: 1500;
top: 0;
left: 0;
width: 100%;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: rgba(28, 39, 58, 0.95);
padding: 20px;
display: none;
opacity: 0;
}
.quickMessage.show {
-webkit-animation: quickMessage-show 0.4s ease both;
animation: quickMessage-show 0.4s ease both;
}
.quickMessage.hide {
-webkit-animation: quickMessage-hide 0.4s ease both;
animation: quickMessage-hide 0.4s ease both;
}
.quickMessage .btn-close {
position: absolute;
top: -30px;
right: 0;
color: #dc8633;
font-size: 2rem;
}
.quickMessage .btn-close:before {
content: "\e904";
font-family: "icomoon";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.quickMessage .box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: red;
font-size: 3rem;
padding: 30px;
background: #fff url(//serac-group.com.cn/wp-content/themes/serac/assets/img/newsletter-registration-mobile.png) no-repeat center bottom;
width: 100%;
height: 100%;
max-width: 280px;
max-height: 320px;
margin: auto;
color: #184287;
}
@media (min-width: 768px) {
.quickMessage .box {
font-size: 4.8rem;
padding: 60px;
background: #fff url(//serac-group.com.cn/wp-content/themes/serac/assets/img/newsletter-registration.png) no-repeat 0 bottom;
background-size: 100% auto;
max-width: 880px;
max-height: 360px;
}
}
@media (max-width: 767px){
.onviewport:not(.onlyDesktop)[data-type="list"] li{
-webkit-transform: translate3d(0,150px,0);
transform: translate3d(0,150px,0);
opacity: 0;
-webkit-transition: .8s all ease;
transition: .8s all ease;
}
.onviewport:not(.onlyDesktop)[data-type="list"] li.visible{
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
}
.onviewport:not(.onlyDesktop):not([data-type="list"]){
-webkit-transform: translate3d(0,150px,0);
transform: translate3d(0,150px,0);
opacity: 0;
-webkit-transition: .8s all ease;
transition: .8s all ease;
}
.onviewport:not(.onlyDesktop):not([data-type="list"]).visible{
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
}
}
@media (min-width: 768px){
.onviewport[data-type="list"] li{
-webkit-transform: translate3d(0,150px,0);
transform: translate3d(0,150px,0);
opacity: 0;
-webkit-transition: 1.1s all ease;
transition: 1.1s all ease;
}
.onviewport[data-type="list"] li.visible{
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
}
.onviewport:not([data-type="list"]){
-webkit-transform: translate3d(0,150px,0);
transform: translate3d(0,150px,0);
opacity: 0;
-webkit-transition: 1.1s all ease;
transition: 1.1s all ease;
}
.onviewport:not([data-type="list"]).visible{
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
opacity: 1;
} 
}@-webkit-keyframes popin-in{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}@keyframes popin-in{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@-webkit-keyframes popin-out{
0%{
opacity: 1;
}
100%{
opacity: 0;
}
}
@keyframes popin-out{
0%{
opacity: 1;
}
100%{
opacity: 0;
}
}
.popin{
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(28,39,58,0.95);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 20px;
padding-right: 20px;
-webkit-animation: popin-in ease .25s;
animation: popin-in ease .25s;
}
@media (min-width: 768px) {
.popin {
padding-right: 50px;
}
}
@media (min-width: 768px) {
.popin {
padding-left: 50px;
}
}
.popin.close{
-webkit-animation: popin-out ease .25s;
animation: popin-out ease .25s;
}
.popin .box{
background: #fff;
width: 100%;
position: relative;
}
.popin .content{
height: 100%;
}
.popin .btn-close{
position: absolute;
top: -25px;
right: 0;
height: 25px;
width: 25px;
color: #DC8633;
}
.popin .btn-close:before{
content:"\e904";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.popin iframe{
margin: 0;
padding: 0;
display: block;
border: 4px solid #ffffff;
width: 100%;
height: 100%;
}
@media (max-width: 1023px){
.popin .box{
height: calc( ( 100vw - 2 * 20px ) / (16 / 9) );
}
@media (min-width: 768px) {
.popin .box {
height: calc( ( 100vw - 2 * 50px ) / (16 / 9) );
}
}
}
@media (min-width: 1024px){
.popin .box{
max-width:calc(1024px - 2 * 20px);
height: calc( ( 1024px - 2 * 20px ) / (16 / 9) );
}
@media (min-width: 768px) {
.popin .box {
height: calc( ( 1024px - 2 * 50px ) / (16 / 9) );
}
}
@media (min-width: 768px) {
.popin .box {
max-width:calc(1024px - 2 * 50px);
}
}
}
.push-article{
color: #ffffff;
position: absolute;
left: 0;
width: 100%;
}
.push-article picture{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 0;
opacity: .3;
}
.push-article picture img{
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.push-article .content{
position: relative;
}
.push-article h2{
font-size: 2.4rem;
line-height: 1.2;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.push-article h2 {
font-size: 3.6rem;
}
}
.push-article .tag{
margin-bottom: 30px;
}
.push-article time{
margin-bottom: 10px;
}
.push-article .text{
margin-bottom: 30px;
line-height: 1.4;
}
.push-article .cta{
position: relative;
height: 50px;
padding: 0 25px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #184287;
font-weight: 700;
-webkit-box-shadow:inset 0px 0px 0px 1px #DC8633;
box-shadow:inset 0px 0px 0px 1px #DC8633;
-webkit-transition: -webkit-box-shadow .25s ease;
transition: -webkit-box-shadow .25s ease;
transition: box-shadow .25s ease;
transition: box-shadow .25s ease, -webkit-box-shadow .25s ease;
color: #ffffff;
}
.push-article .cta:before{
content:"";
display: inline-block;
background:transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
font-size: 18px;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}
.push-article .cta:hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}
.push-article .cta.hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}
.push-article .cta:hover:before,.push-article .cta.hover:before{
width: 25px;
}
.realisation .row:not(:nth-last-child(1)){
margin-bottom: 20px;
}
.realisation img{
width: 100%;
height: 100%;
display: block; 
margin: 0; 
-webkit-box-flex: 1; 
-ms-flex: 1 0 auto; 
flex: 1 0 auto;
-o-object-fit: cover;
object-fit: cover;
}
.realisation figure, .realisation a{
height: 100%;
width: 100%;  
}
.realisation .placeholder{
height: 100%;
width: 100%;
display: block; 
margin: 0; 
-webkit-box-flex: 1; 
-ms-flex: 1 0 auto; 
flex: 1 0 auto;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px){
.realisation figure{
margin-bottom: 20px;
}
}
@media (min-width: 768px){
.realisation figure{
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.realisation figcaption{
position: absolute;
bottom: 0;
left: 0;
}
.realisation .row{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.realisation .cell >*{
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.realisation .cell >*:not(:nth-last-child(1)){
margin-bottom: 20px;
}
.realisation.big-right .cell:last-of-type{
width: 50%;
margin-left: 20px;
}
.realisation.big-right .cell:first-of-type{
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;     
}
.realisation.big-left .cell:first-of-type{
width: 50%;
margin-right: 20px;
}
.realisation.big-left .cell:last-of-type{
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;     
}
}
@media (min-width: 1170px){
.realisation.big-right .cell:last-of-type{
width: 70%;
}
.realisation.big-right .cell:first-of-type{
width: 30%;
}
.realisation.big-left .cell:last-of-type{
width: 30%;
}
.realisation.big-left .cell:first-of-type{
width: 70%;
}
}
@media (min-width: 768px){
.ie11 .realisation.big-right .cell:first-of-type{
-webkit-box-flex: 1;
-ms-flex: 1 0 30%;
flex: 1 0 30%;
}
.ie11 .realisation.big-right .cell:last-of-type{
-webkit-box-flex: 1;
-ms-flex: 1 0 70%;
flex: 1 0 70%;
}
.ie11 .realisation.big-right .cell:last-of-type img{
position: absolute; width: 100%;
height: auto;
}
.ie11 .realisation.big-left .cell:first-of-type{
-webkit-box-flex: 1;
-ms-flex: 1 0 70%;
flex: 1 0 70%;
}
.ie11 .realisation.big-left .cell:first-of-type img{
position: absolute; width: 100%;
height: auto;
}      
.ie11 .realisation.big-left .cell:last-of-type{
-webkit-box-flex: 1;
-ms-flex: 1 0 30%;
flex: 1 0 30%;
}
.ie11 .realisation figure{
position: relative;
overflow:hidden;
}
.ie11 .realisation .row{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
} 
.ie11 .realisation .cell{ }
}@-webkit-keyframes overlayIn{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}@keyframes overlayIn{
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@-webkit-keyframes overlayOut{
0%{
opacity: 1;
}
100%{
opacity: 0;
}
}
@keyframes overlayOut{
0%{
opacity: 1;
}
100%{
opacity: 0;
}
}
.search-overlay{
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: fixed;
z-index: 1500;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(28,39,58,0.95);
visibility: hidden;
opacity: 0;
-webkit-transition: .3s all ease;
transition: .3s all ease;
}
@media (min-width: 768px) {
.search-overlay {
padding-right: 50px;
}
}
@media (min-width: 768px) {
.search-overlay {
padding-left: 50px;
}
}
.search-overlay >.wrapper{
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: calc( 100%);
}
@media (min-width: 1820px) {
.search-overlay >.wrapper {
max-width: calc( calc( 1820px - 100px));
}
}
.search-overlay form{
color: #ffffff;
width: 100%;
max-width: 1024px;
position: relative;
border-bottom: 1px solid #ffffff;
letter-spacing: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.search-overlay .wrapper{
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.search-overlay .btn-close{
position: absolute;
top: 20px;
right: 20px;
}
.search-overlay .btn-close:before{
content:"\e904";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 18px;  
color: #DC8633;
}
.search-overlay input[type="text"]{ 
height: 110px;
font-size: 3.0rem;
background: none;
border: none;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
@media (min-width: 768px) {
.search-overlay input[type="text"] {
font-size: 4.8rem;
}
}
.search-overlay button[type="submit"]{
border: none;
height: 110px;
width: 40px;
}
.search-overlay button[type="submit"]:before{
content:"\e90a";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 35px;  
color: #DC8633;
}
.search-overlay.open{
visibility: visible;
opacity: 1;
}.stage{
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #184287;
color :#ffffff;
position: relative;
background: transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/stage-bg.jpg) no-repeat 0 center;
background-size: 100%;	
}@media (min-width: 768px) {
.stage {
padding-right: 50px;
}
}@media (min-width: 768px) {
.stage {
padding-left: 50px;
}
}.stage >.wrapper{
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: calc( 100%);
}@media (min-width: 1820px) {
.stage >.wrapper {
max-width: calc( calc( 1820px - 100px));
}
}.stage picture{
background: #0E254E;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}.stage picture img{
opacity:.4;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}.stage h1{
font-size: 3.0rem;
font-weight: 800;
color: #184287;
line-height: 1.1;
margin-bottom: 20px;
color: #ffffff;
font-weight: 400;
}@media (min-width: 768px) {
.stage h1 {
font-size: 6.0rem;
}
}.stage .intro{
line-height: 1.4;
max-width: 400px;
}.stage .content{
position: relative;
z-index: 1;
padding-top: 50px;
padding-bottom: 50px;
}.stage .content >*:nth-last-child(1){
margin-bottom: 0;
}.stage .wrapper{
height: 100%;
}@media (min-width: 768px){.stage{
padding-bottom: 120px;
margin-bottom: -140px	
}
.stage .content{
margin-left: calc( ( 100% / (12 / 1)) + 20px / (12 / 1));
margin-right: calc( ( 100% / (12 / 1)) + 20px / (12 / 1));
padding-top: 130px;
padding-bottom: 160px;
}
@media (min-width: 1024px) {
.stage .content {
margin-right: calc( ( 100% / (12 / 1)) + 50px / (12 / 1));
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.stage .content {
margin-right: calc( ( 100% / (12 / 1)) + 30px / (12 / 1));
}
}
@media (min-width: 480px) and (max-width: 767px) {
.stage .content {
margin-right: calc( ( 100% / (12 / 1)) + 20px / (12 / 1));
}
}
@media  (max-width: 479px) {
.stage .content {
margin-right: calc( ( 100% / (12 / 1)) + 20px / (12 / 1));
}
}
@media (min-width: 1820px) {
.stage .content {
margin-right: calc( ( calc( 1820px - 100px) / (12 / 1)) + 20px / (12 / 1));
}
}
@media (min-width: 1024px) {
.stage .content {
margin-left: calc( ( 100% / (12 / 1)) + 50px / (12 / 1));
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.stage .content {
margin-left: calc( ( 100% / (12 / 1)) + 30px / (12 / 1));
}
}
@media (min-width: 480px) and (max-width: 767px) {
.stage .content {
margin-left: calc( ( 100% / (12 / 1)) + 20px / (12 / 1));
}
}
@media  (max-width: 479px) {
.stage .content {
margin-left: calc( ( 100% / (12 / 1)) + 20px / (12 / 1));
}
}
@media (min-width: 1820px) {
.stage .content {
margin-left: calc( ( calc( 1820px - 100px) / (12 / 1)) + 20px / (12 / 1));
}
}
.stage:after{
content:"";
display: block;
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 205px;
background: transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/triangle.svg) no-repeat 0 bottom;
background-size: 100% 100%;
}
}
.ie11 .stage picture img{
height: auto!important;
}.stage-article{
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #184287;
color :#ffffff;
position: relative;
background: transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/stage-bg.jpg) no-repeat 0 center;
background-size: 100%;	
}@media (min-width: 768px) {
.stage-article {
padding-right: 50px;
}
}@media (min-width: 768px) {
.stage-article {
padding-left: 50px;
}
}.stage-article >.wrapper{
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: calc( 100%);
}@media (min-width: 1820px) {
.stage-article >.wrapper {
max-width: calc( calc( 1820px - 100px));
}
}.stage-article picture{
background: #0E254E;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}.stage-article picture img{
opacity:.4;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}.stage-article .tag{
margin-bottom: 30px;
}.stage-article time{
font-size: 2.0rem;
margin-bottom: 15px;
}@media (min-width: 768px) {
.stage-article time {
font-size: 2.2rem;
}
}.stage-article .title{
font-size: 3.0rem;
color: #184287;
line-height: 1.03;
margin-bottom: 30px;
color: #ffffff;
}@media (min-width: 768px) {
.stage-article .title {
font-size: 4.8rem;
}
}.stage-article .intro{
line-height: 1.4;
}.stage-article .content{
position: relative;
z-index: 1;
padding-top: 50px;
padding-bottom: 50px;
}.stage-article .content >*:nth-last-child(1){
margin-bottom: 0;
}.stage-article .wrapper{
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; 
-webkit-box-flex: 1; 
-ms-flex: 1 0 auto; 
flex: 1 0 auto;
}@media (min-width: 768px){.stage-article{
padding-bottom: 196px;
margin-bottom: -196px	
}
.stage-article .content{
margin-left: calc( ( 100% / (12 / 1)) + 20px / (12 / 1));
width: calc( 6 * ( (100% / 12 ) + (20px / 12) ) - 20px  );
padding-top: 130px;
padding-bottom: 130px;
}
@media (min-width: 1024px) {
.stage-article .content {
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.stage-article .content {
width: calc( 6 * ( (100% / 12 ) + (30px / 12) ) - 30px  );
}
}
@media (min-width: 480px) and (max-width: 767px) {
.stage-article .content {
width: calc( 6 * ( (100% / 12 ) + (20px / 12) ) - 20px  );
}
}
@media  (max-width: 479px) {
.stage-article .content {
width: calc( 6 * ( (100% / 12 ) + (20px / 12) ) - 20px  );
}
}
@media (min-width: 1820px) {
.stage-article .content {
width: calc( 6 * ( (calc( 1820px - 100px) / 12 ) + (20px / 12) ) - 20px  );
}
}
@media (min-width: 1024px) {
.stage-article .content {
margin-left: calc( ( 100% / (12 / 1)) + 50px / (12 / 1));
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.stage-article .content {
margin-left: calc( ( 100% / (12 / 1)) + 30px / (12 / 1));
}
}
@media (min-width: 480px) and (max-width: 767px) {
.stage-article .content {
margin-left: calc( ( 100% / (12 / 1)) + 20px / (12 / 1));
}
}
@media  (max-width: 479px) {
.stage-article .content {
margin-left: calc( ( 100% / (12 / 1)) + 20px / (12 / 1));
}
}
@media (min-width: 1820px) {
.stage-article .content {
margin-left: calc( ( calc( 1820px - 100px) / (12 / 1)) + 20px / (12 / 1));
}
}
.stage-article:after{
content:"";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 350px;
background: transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/triange-article.svg) no-repeat 0 bottom;
background-size: 100% 100%;
}
}.stage-category{
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-image: url(//serac-group.com.cn/wp-content/themes/serac/assets/img/trangle-stage-secteur.svg);
background-size: 250% 90px;
background-position: center bottom;
background-repeat: no-repeat;
display: block;
}@media (min-width: 768px) {
.stage-category {
padding-right: 50px;
}
}@media (min-width: 768px) {
.stage-category {
padding-left: 50px;
}
}.stage-category >.wrapper{
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: calc( 100%);
}@media (min-width: 1820px) {
.stage-category >.wrapper {
max-width: calc( calc( 1820px - 100px));
}
}.stage-category.imgToBottom figure{
margin-bottom: 0!important;
}.stage-category .wrapper{
padding-top: 20px; 
}.stage-category .tag{
margin-bottom: 25px;
}.stage-category .ref{
margin-bottom: 10px;
font-size: 2.4rem;
color: #1C273A;
font-weight: 700;
}@media (min-width: 768px) {
.stage-category .ref {
font-size: 3.6rem;
}
}.stage-category h1{
font-size: 3.4rem;
color: #184287;
letter-spacing: 1px;
margin-bottom: 25px;
width: 100%;
}@media (min-width: 768px) {
.stage-category h1 {
font-size: 6.4rem;
}
}@media (min-width: 480px){.stage-category h1{ 
letter-spacing: 2px;
}
}.stage-category h2{
font-weight: 700;
font-size: 1.8rem;
margin-bottom: 10px;
}.stage-category.machine{
background-image: url(//serac-group.com.cn/wp-content/themes/serac/assets/img/trangle-stage-machine.svg);
}.stage-category.machine h1{
font-size: 2.4rem;
line-height: 1.1;
}@media (min-width: 768px) {
.stage-category.machine h1 {
font-size: 3.6rem;
}
}.stage-category .rte{
max-width: 420px;
margin-bottom: 20px;
}.stage-category .rte ul li:not(:last-child) {
margin-bottom: 0px;
}.stage-category .rte >:not(h2):not(h3):not(h1):not(:nth-last-child(1)) {
margin-bottom: 20px;
}.stage-category figure{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-top: 0;
margin-bottom: 0;
}.stage-category figure img{
max-width: 100%;
}.stage-category .action{
margin-top: 40px;
}.stage-category .action a{
position: relative;
height: 50px;
padding: 0 25px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #184287;
font-weight: 700;
-webkit-box-shadow:inset 0px 0px 0px 1px #DC8633;
box-shadow:inset 0px 0px 0px 1px #DC8633;
-webkit-transition: -webkit-box-shadow .25s ease;
transition: -webkit-box-shadow .25s ease;
transition: box-shadow .25s ease;
transition: box-shadow .25s ease, -webkit-box-shadow .25s ease;
margin-right: 25px;
margin-top: 10px;
margin-bottom: 10px;
}.stage-category .action a:before{
content:"";
display: inline-block;
background:transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
font-size: 18px;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}.stage-category .action a:hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}.stage-category .action a.hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}.stage-category .action a:hover:before,.stage-category .action a.hover:before{
width: 25px;
}.stage-category .content{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}@media (max-width: 767px){
.stage-category figure{
padding-right: 30px;
padding-left: 30px;
}
}@media (min-width: 768px){.stage-category{
background-size: 250% 150px
}
.stage-category figure{
}
}@media (min-width: 1024px){.stage-category{
background-size: 250% 120px
}
.stage-category h1{
margin-bottom: 30px;
}
.stage-category .wrapper{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-size: 180% auto;
background-position: left -450px bottom;
}
.stage-category .content{
padding-left: calc( ( 100% / (12 / 1)) + 50px / (12 / 1));
padding-top: 80px;
padding-bottom: 100px;
width: calc( calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  ) );
}
@media (min-width: 1024px) {
.stage-category .content {
width: calc( calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  ) );
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.stage-category .content {
width: calc( calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  ) );
}
}
@media (min-width: 480px) and (max-width: 767px) {
.stage-category .content {
width: calc( calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  ) );
}
}
@media  (max-width: 479px) {
.stage-category .content {
width: calc( calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  ) );
}
}
@media (min-width: 1820px) {
.stage-category .content {
width: calc( calc( 6 * ( (calc( 1820px - 100px) / 12 ) + (50px / 12) ) - 50px  ) );
}
}
@media (min-width: 1024px) {
.stage-category .content {
padding-left: calc( ( 100% / (12 / 1)) + 50px / (12 / 1));
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.stage-category .content {
padding-left: calc( ( 100% / (12 / 1)) + 50px / (12 / 1));
}
}
@media (min-width: 480px) and (max-width: 767px) {
.stage-category .content {
padding-left: calc( ( 100% / (12 / 1)) + 50px / (12 / 1));
}
}
@media  (max-width: 479px) {
.stage-category .content {
padding-left: calc( ( 100% / (12 / 1)) + 50px / (12 / 1));
}
}
@media (min-width: 1820px) {
.stage-category .content {
padding-left: calc( ( calc( 1820px - 100px) / (12 / 1)) + 50px / (12 / 1));
}
}
.stage-category figure{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: 50px;
width: calc( calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  ) );
margin-top: 60px;
margin-bottom: 40px;
}
@media (min-width: 1024px) {
.stage-category figure {
width: calc( calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  ) );
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.stage-category figure {
width: calc( calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  ) );
}
}
@media (min-width: 480px) and (max-width: 767px) {
.stage-category figure {
width: calc( calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  ) );
}
}
@media  (max-width: 479px) {
.stage-category figure {
width: calc( calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  ) );
}
}
@media (min-width: 1820px) {
.stage-category figure {
width: calc( calc( 6 * ( (calc( 1820px - 100px) / 12 ) + (50px / 12) ) - 50px  ) );
}
}
@media (min-width: 1024px) {
.stage-category figure {
margin-left: 50px;
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.stage-category figure {
margin-left: 50px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.stage-category figure {
margin-left: 50px;
}
}
@media  (max-width: 479px) {
.stage-category figure {
margin-left: 50px;
}
}
.stage-category .rte{
margin-bottom: 0px;
}
}@media (min-width: 1170px){.stage-category{
background-size: 250% 200px
}
.stage-category .content{
padding-bottom: 270px;
}
.stage-category figure{
margin-bottom: 90px;
}
}
.ie11 .stage-category .wrapper{
line-height: 0;
}
.ie11 .stage-category .content{
line-height: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ie11 .stage-category figure img{
width: 100%;
}
@media (max-width: 767px){
.ie11 .stage-category figure img{
max-width: 477px;
}
}@-webkit-keyframes fromleft {
0%{
opacity: 0;
-webkit-transform: translate3d(-80px,0,0);
transform: translate3d(-80px,0,0);
}
80%{
-webkit-transform: translate3d(0px,0,0);
transform: translate3d(0px,0,0);
}
100%{
opacity: 1;
}
}@keyframes fromleft {
0%{
opacity: 0;
-webkit-transform: translate3d(-80px,0,0);
transform: translate3d(-80px,0,0);
}
80%{
-webkit-transform: translate3d(0px,0,0);
transform: translate3d(0px,0,0);
}
100%{
opacity: 1;
}
}
@-webkit-keyframes appear {
0%{
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
opacity: 0;
}
80%{
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
100%{
opacity: 1;
}
}
@keyframes appear {
0%{
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
opacity: 0;
}
80%{
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
100%{
opacity: 1;
}
}
.stage-home{
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; 
padding-top: 20px;
position: relative;
}
@media (min-width: 768px) {
.stage-home {
padding-right: 50px;
}
}
@media (min-width: 768px) {
.stage-home {
padding-left: 50px;
}
}
.stage-home >.wrapper{
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: calc( 100%);
}
@media (min-width: 1820px) {
.stage-home >.wrapper {
max-width: calc( calc( 1820px - 100px));
}
}
.stage-home .shape{
position: absolute;
width: 100%;
height: 100px;
background-color: transparent;
background-image: url(//serac-group.com.cn/wp-content/themes/serac/assets/img/triangle-stage-home.svg);
background-repeat: no-repeat;
background-position:  right 90% bottom;
background-size: 200% 100px;
bottom: 0;
left: 0;
z-index: 0;
-webkit-backface-visibility: hidden;
will-change: transform;
}
.stage-home .wrapper{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.stage-home .content{
padding-bottom: 20px;
}
.stage-home .content img{-webkit-animation: fromleft .55s ease both;animation: fromleft .55s ease both;
max-width: 100%; 
margin: 0 auto 20px;
width: 100%;
}
.stage-home h1{
-webkit-animation: fromleft .55s ease .1s both;
animation: fromleft .55s ease .1s both;
display: block;
margin-bottom: 20px;
line-height: 1.4;
max-width: 450px;
}
.stage-home .cta{
-webkit-animation: fromleft .55s ease  .2s  both;
animation: fromleft .55s ease  .2s  both;
position: relative;
height: 50px;
padding: 0 25px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #184287;
font-weight: 700;
-webkit-box-shadow:inset 0px 0px 0px 1px #DC8633;
box-shadow:inset 0px 0px 0px 1px #DC8633;
-webkit-transition: -webkit-box-shadow .25s ease;
transition: -webkit-box-shadow .25s ease;
transition: box-shadow .25s ease;
transition: box-shadow .25s ease, -webkit-box-shadow .25s ease;
}
.stage-home .cta:before{
content:"";
display: inline-block;
background:transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/arrow.svg) no-repeat right center;
width: 15px;
min-width: 15px;
height: 10px;
margin-top: 1px;
margin-right: 10px;
font-size: 18px;
-webkit-transition: width .2s ease;
transition: width .2s ease;
}
.stage-home .cta:hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}
.stage-home .cta.hover{
-webkit-box-shadow:inset 0px 0px 0px 3px #DC8633;
box-shadow:inset 0px 0px 0px 3px #DC8633;
}
.stage-home .cta:hover:before,.stage-home .cta.hover:before{
width: 25px;
}
.stage-home figure{ 
-webkit-animation: appear .5s ease-out .3s both; 
animation: appear .5s ease-out .3s both;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
position: relative;
padding: 0 40px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: transform;
}
.stage-home figure img{
display: block;
height: auto;
max-width: 100%;
margin: 0 auto;
}
.stage-home figure figcaption{
display: none;
}
@media (max-width: 479px){
.stage-home .content img{
max-width: 100%;
}
}
@media (max-width: 767px){
.stage-home .content img{
max-width: 480px;
}
}
@media (max-width: 1023px){
.stage-home .content img{
max-width: 600px;
}
}
@media (min-width: 768px){
.stage-home figure{
padding: 0;
}
.stage-home figure img{
width: 60%;
}
}
@media (min-width: 1024px){
.stage-home .shape{
background-size: 200% 100px;
height: 100px;
background-position:  right 110% bottom;
}
.stage-home h1{
margin-bottom: 25px;
}
.stage-home .wrapper{
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.stage-home .content{
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
margin-right: 50px;
padding-left: calc( ( 100% / (12 / 1)) + 50px / (12 / 1));
padding-bottom: 80px;
position: relative;
z-index: 2;
}
@media (min-width: 1024px) {
.stage-home .content {
padding-left: calc( ( 100% / (12 / 1)) + 50px / (12 / 1));
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.stage-home .content {
padding-left: calc( ( 100% / (12 / 1)) + 50px / (12 / 1));
}
}
@media (min-width: 480px) and (max-width: 767px) {
.stage-home .content {
padding-left: calc( ( 100% / (12 / 1)) + 50px / (12 / 1));
}
}
@media  (max-width: 479px) {
.stage-home .content {
padding-left: calc( ( 100% / (12 / 1)) + 50px / (12 / 1));
}
}
@media (min-width: 1820px) {
.stage-home .content {
padding-left: calc( ( calc( 1820px - 100px) / (12 / 1)) + 50px / (12 / 1));
}
}
@media (min-width: 1024px) {
.stage-home .content {
margin-right: 50px;
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.stage-home .content {
margin-right: 50px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.stage-home .content {
margin-right: 50px;
}
}
@media  (max-width: 479px) {
.stage-home .content {
margin-right: 50px;
}
}
@media (min-width: 1024px) {
.stage-home .content {
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.stage-home .content {
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media (min-width: 480px) and (max-width: 767px) {
.stage-home .content {
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media  (max-width: 479px) {
.stage-home .content {
width: calc( 6 * ( (100% / 12 ) + (50px / 12) ) - 50px  );
}
}
@media (min-width: 1820px) {
.stage-home .content {
width: calc( 6 * ( (calc( 1820px - 100px) / 12 ) + (50px / 12) ) - 50px  );
}
}
.stage-home figure{
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
}
.stage-home figure img{
width: 100%;
-webkit-transform: translate(50px,1px);
transform: translate(50px,1px);
}
@media (min-width: 1024px) {
.stage-home figure img {
-webkit-transform: translate(50px,1px);
transform: translate(50px,1px);
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.stage-home figure img {
-webkit-transform: translate(50px,1px);
transform: translate(50px,1px);
}
}
@media (min-width: 480px) and (max-width: 767px) {
.stage-home figure img {
-webkit-transform: translate(50px,1px);
transform: translate(50px,1px);
}
}
@media  (max-width: 479px) {
.stage-home figure img {
-webkit-transform: translate(50px,1px);
transform: translate(50px,1px);
}
}
}
@media (min-width: 1170px){
.stage-home{
height: calc(100vh - 80px)
}
.stage-home .shape{
background-size: 200% 185px;
height: 185px;
background-position:  right 98% bottom;
}
.stage-home figure img{
max-width: 100%;
}
.stage-home figure figcaption{
display: block;
position: absolute;
right: calc( 100% - 60px);
bottom: 0;
padding: 20px;
width: 320px;
color: #ffffff;
text-align: right;
line-height: 1.2;
}
}
@media (max-width: 1023px){
.ie11 .stage-home .wrapper{
display: block;
}
}
.ie11 .stage-home figure img{
width: 100%;
}.stage-search{
padding-left: 20px;
padding-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 350px;
background: #184287;
position: relative;
background: transparent url(//serac-group.com.cn/wp-content/themes/serac/assets/img/stage-bg.jpg) no-repeat 0 center;
background-size: 100%;
}@media (min-width: 768px) {
.stage-search {
padding-right: 50px;
}
}@media (min-width: 768px) {
.stage-search {
padding-left: 50px;
}
}.stage-search >.wrapper{
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: calc( 100%);
}@media (min-width: 1820px) {
.stage-search >.wrapper {
max-width: calc( calc( 1820px - 100px));
}
}.stage-search h1{
font-size: 3.0rem;
font-weight: 800;
color: #184287;
line-height: 1.1;
color: #ffffff;
font-weight: 400;
}@media (min-width: 768px) {
.stage-search h1 {
font-size: 6.0rem;
}
}.stage-search h1 span{
display: block;
font-size: 4.8rem;
}.stage-search picture{
background: #0E254E;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}.stage-search picture img{
opacity:.4;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}.stage-search .wrapper{
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; 
position: relative;
z-index: 1;
}
.ie11 .stage-search figure img{
height: auto;
} .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 8px;
}
.swiper-pagination-bullet {
width: 18px;
height: 18px;
display: inline-block;
border-radius: 50%;
background: #DC8633;
opacity: 1;
-webkit-transition: all .2s ease;
transition: all .2s ease;
border: 0px solid #DC8633;
vertical-align: middle;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: transparent;
width: 24px;
height: 24px;
border: 4px solid #DC8633;
}
.swiper-container{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.swiper-wrapper{
height: initial;
}
.swiper-button-disabled{
display: none!important;
} @media (max-width: 767px){
.swiper-list{
width: 100%;
overflow: visible
}
.swiper-list ul li{
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 1024px) {
.swiper-list ul li {
padding-right: 50px;
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.swiper-list ul li {
padding-right: 30px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.swiper-list ul li {
padding-right: 20px;
}
}
@media  (max-width: 479px) {
.swiper-list ul li {
padding-right: 20px;
}
}
@media (min-width: 1024px) {
.swiper-list ul li {
padding-left: 50px;
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.swiper-list ul li {
padding-left: 30px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.swiper-list ul li {
padding-left: 20px;
}
}
@media  (max-width: 479px) {
.swiper-list ul li {
padding-left: 20px;
}
}
}
@media (min-width: 768px){
.swiper-list{
margin-left: calc(-20px/2);
margin-right: calc(-20px/2);
margin-bottom: -20px
}
@media (min-width: 1024px) {
.swiper-list {
margin-bottom: -50px;
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.swiper-list {
margin-bottom: -30px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.swiper-list {
margin-bottom: -20px;
}
}
@media  (max-width: 479px) {
.swiper-list {
margin-bottom: -20px;
}
}
@media (min-width: 1024px) {
.swiper-list {
margin-right: calc(-50px/2);
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.swiper-list {
margin-right: calc(-30px/2);
}
}
@media (min-width: 480px) and (max-width: 767px) {
.swiper-list {
margin-right: calc(-20px/2);
}
}
@media  (max-width: 479px) {
.swiper-list {
margin-right: calc(-20px/2);
}
}
@media (min-width: 1024px) {
.swiper-list {
margin-left: calc(-50px/2);
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.swiper-list {
margin-left: calc(-30px/2);
}
}
@media (min-width: 480px) and (max-width: 767px) {
.swiper-list {
margin-left: calc(-20px/2);
}
}
@media  (max-width: 479px) {
.swiper-list {
margin-left: calc(-20px/2);
}
}
.swiper-list ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;	
}
.swiper-list ul >li{    
-webkit-box-flex: 0;    
-ms-flex: 0 1 auto;    
flex: 0 1 auto;
width: 50%;
padding: 0 15px;
margin-bottom: 20px;
}
@media (min-width: 1024px) {
.swiper-list ul >li {
margin-bottom: 50px;
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.swiper-list ul >li {
margin-bottom: 30px;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.swiper-list ul >li {
margin-bottom: 20px;
}
}
@media  (max-width: 479px) {
.swiper-list ul >li {
margin-bottom: 20px;
}
}
}
@media (min-width: 1024px){
.swiper-list ul >li{    
-webkit-box-flex: 0;    
-ms-flex: 0 1 auto;    
flex: 0 1 auto;
width: calc( 33.3333% );
}
} .carousel{
padding-bottom: 70px;
position: relative;
}
.carousel.blue:before{
background: #162338;
}
.carousel.blue:after{
background: #162338;
}
.controls-white .swiper-pagination-bullet {
width: 15px;
height: 15px;
}
@media (max-width: 767px){
.swiper-container{
margin-left: -20px;
margin-right: -20px; }
@media (min-width: 768px) {
.swiper-container {
margin-right: -50px;
}
}
@media (min-width: 768px) {
.swiper-container {
margin-left: -50px;
}
}  
.carousel{  
padding-bottom: 40px;
}
.carousel .item{
padding: 0 calc(20px/2);
}
@media (min-width: 1024px) {
.carousel .item {
padding: 0 calc(50px/2);
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.carousel .item {
padding: 0 calc(30px/2);
}
}
@media (min-width: 480px) and (max-width: 767px) {
.carousel .item {
padding: 0 calc(20px/2);
}
}
@media  (max-width: 479px) {
.carousel .item {
padding: 0 calc(20px/2);
}
}
}
@media (min-width: 768px){
.swiper-slide{
height: auto;
}
.swiper-prev{
height: 36px;
width: 36px;
color: #DC8633;
font-size: 36px;
position: absolute;
z-index:2;
top: calc( 50% - 60px);
left: 0;
}
.swiper-prev:before{
content:"\e90d";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.swiper-next{
height: 36px;
width: 36px;
color: #DC8633;
font-size: 36px;
position: absolute;
z-index:2;
top: calc( 50% - 60px);
right: 0;
}
.swiper-next:before{
content:"\e900";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.carousel{
padding: 0 calc(10px + 20px / 2) 70px calc(10px + 20px / 2);
}
@media (min-width: 1024px) {
.carousel {
padding: 0 calc(10px + 50px / 2) 70px calc(10px + 50px / 2);
}
}
@media  (min-width: 768px) and (max-width: 1023px) {
.carousel {
padding: 0 calc(10px + 30px / 2) 70px calc(10px + 30px / 2);
}
}
@media (min-width: 480px) and (max-width: 767px) {
.carousel {
padding: 0 calc(10px + 20px / 2) 70px calc(10px + 20px / 2);
}
}
@media  (max-width: 479px) {
.carousel {
padding: 0 calc(10px + 20px / 2) 70px calc(10px + 20px / 2);
}
}
.carousel:before{
content:"";
width: 40px;
height: 100%;
background: #ffffff;
position: absolute;
z-index: 2;
left: 0;
top: 0;
}
.carousel:after{
content:"";
width: 40px;
height: 100%;
background: #ffffff;
position: absolute;
z-index: 1;
right: 0;
top: 0;
}
.carousel .item{
padding: 0 15px;
}
}    
@media (min-width: 1024px){
.controls-white .swiper-prev{
margin-top: -50px;
}
.controls-white .swiper-next{
margin-top: -50px;
}
.controls-white .swiper-pagination{
bottom: 30px;
}  
.controls-white .swiper-pagination-bullet {
width: 18px;
height: 18px;
}
}.tools_sticky{
position: fixed;
z-index: 550;
right:0px;
top: 50%;
background: #ffffff;
width: 40px;
border-right: 0;
}.tools_sticky a{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 0;
height: 40px;
color: #DC8633;
border-right: none;
}.tools_sticky a:not(:last-of-type){
margin-bottom: -1px;
}.tools_sticky a span{
text-align: center;
position: absolute;
display: block;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
height: 40px;
line-height: 40px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
color: #DC8633;
left: 0px;
top: 0; 
border: 1px solid #DC8633;
border-right: 0;
background: #fff;
-webkit-transition: .3s all ease;
transition: .3s all ease;
padding: 0 20px;
color: #184287;
font-weight: 700;
-webkit-transform: translateX(0);
transform: translateX(0);
}.tools_sticky a:hover{
z-index: 10;
}.tools_sticky a:hover span{
-webkit-transform: translateX( -100% );
transform: translateX( -100% );
}.tools_sticky a:hover:after{    
background: #DC8633;
color: #fff;
}.tools_sticky a:last-of-type{
border-bottom: none;
}.tools_sticky a:after{    
width: 40px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #DC8633;
z-index: 1;
background: #fff;
position: absolute;
left: 0;
top: 0px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}@media (max-width: 767px){.tools_sticky{
display:none
}
}
[data-picto]:after{
content:"p";
font-family: 'icomoon'; 
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
[data-picto="email"]:after{
content:"\e905";
font-size: 23px;
}
[data-picto="assistance"]:after{
content:"\e901";
font-size: 27px;
}
[data-picto="pieces"]:after{
content:"\e90f";
font-size: 29px;
}